/*
 *
 *   
 *   
 *
*/
html,
body,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
p,
blockquote,
pre,
a,
address,
code,
del,
em,
img,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	display: block;
}
video:-webkit-full-screen, audio:-webkit-full-screen {
	position:absolute!important;
	z-index: 999999;
	left: 0!important;
}
ul,li,ol{list-style-type:none;}
img {
	border: none;
	vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600;
}
*{
	box-sizing:border-box ;
}
a:focus,a:hover,a:active{
    outline: none;
    list-style: none;
    text-decoration: none;
}
body{
	background:#f1f4f5;
}
.dropdown, .dropup{
	text-align: center;
}
.fl { float: left;}
.fr { float:right;}
.clearfix:after { content: ""; height:0; font-size:0rem; visibility:hidden; display:block; clear:both;}
.clearfix { *zoom:1;}
@font-face {
  font-family: 'iconfont';  /* project id 379511 */
  src: url('http://at.alicdn.com/t/font_379511_xzloz04qyxwuq5mi.eot');
  src: url('http://at.alicdn.com/t/font_379511_xzloz04qyxwuq5mi.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_379511_xzloz04qyxwuq5mi.woff') format('woff'),
  url('http://at.alicdn.com/t/font_379511_xzloz04qyxwuq5mi.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_379511_xzloz04qyxwuq5mi.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.nav > li > a {
    color:rgba(163,175,183,.9);
    padding: 14px 20px 14px 25px;
}

.nav li>a {
    display: block;
    font-size:14px
}
.nav.navbar-right{
	position: absolute;
	right: 0;
}
@media (max-width: 1000px) {
	.nav.navbar-right{
			display: none;
	}
}
input,button{
	background: none;
}
.nav.navbar-right > li > a {
    color: #fff;
}
.nav.navbar-right > li > a:hover{
	background: #468bca;
}
.nav > li.active > a {
    color: #ffffff;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #293846;
    color: white;
}
table td img{
	max-width: 100%;
}
.nav > li > a i {
    margin-right: 6px;
    font-size:14px;
}
.side-menu >li>a i{
	margin-right: 6px;
    font-size:20px;
    float: left;
}
.side-menu >li>a span.nav-label{
	float: left;
	line-height: 28px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background: #468bca!important;
}
.nav>li>a:focus, .nav>li>a:hover{
	background: #468bca!important;
}
.navbar {
    border: 0;
}

.navbar-default {
    background-color: transparent;
    border-color: #2f4050;
    position: relative;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 80px;
}

body.body-small .navbar-top-links li:last-child {
    margin-right: 10px;
}

.navbar-top-links li a {
    padding:18px 10px;
    min-height: 50px;
}

.dropdown-menu {
    border: medium none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.3);
}
.slimScrollBar{
	display:none!important
}
.dropdown-menu > li > a {
    border-radius: 3px;
    color: inherit;
    line-height: 25px;
    margin: 4px;
    text-align: left;
    font-weight: normal;
}

.dropdown-menu > li > a.font-bold {
    font-weight: 600;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}
.btn-primary:hover{
	border: none!important;
	background: none!important;
}
.btn-primary{
	background: none!important;
	border: none;
}
.dropdown-messages,
.dropdown-alerts {
    padding: 10px 10px 10px 10px;
}

.dropdown-messages li a,
.dropdown-alerts li a {
    font-size: 12px;
}

.dropdown-messages li em,
.dropdown-alerts li em {
    font-size: 10px;
}

.nav.navbar-top-links .dropdown-alerts a {
    font-size: 12px;
}

.nav-header {
    padding: 33px 25px;
}

.pace-done .nav-header {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.nav > li.active {
    border-left: 4px solid #4e97d9;
    background:#242f35;
}

.nav.nav-second-level > li.active {
    border: none;
}

.nav.nav-second-level.collapse[style] {
    height: auto !important;
}

.nav-header a {
    color: #DFE4ED;
}

.nav-header .text-muted {
    color: #8095a8;
}

.minimalize-styl-2 {
    padding: 4px 12px;
    margin: 15px 5px 5px 15px;
    font-size:20px;
    float: left;
}

.navbar-form-custom {
    float: left;
    height: 50px;
    padding: 0;
    width: 200px;
    display: inline-table;
}

.navbar-form-custom .form-group {
    margin-bottom: 0;
}

.nav.navbar-top-links a {
    font-size: 18px;
}

.navbar-form-custom .form-control {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-size: 14px;
    height: 60px;
    margin: 0;
    z-index: 2000;
}

.count-info .label {
    line-height: 12px;
    padding: 1px 5px;
    position: absolute;
    right: 6px;
    top: 18px;
}

.arrow {
    float: right;
    margin-top: 5px;
    font-size: 12px!important;
}

.fa.arrow:before {
    content: "\f105";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding: 7px 15px 7px 10px;
    padding-left: 52px;
}

.nav-third-level li a {
    padding-left: 62px;
}

.nav-second-level li:last-child {
    margin-bottom: 10px;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level,
.mini-navbar .nav li:focus > .nav-second-level {
    display: block;
    border-radius: 0 2px 2px 0;
    min-width: 140px;
    height: auto;
}

body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 12px;
    border-radius: 0 2px 2px 0;
}
.fixed-nav .content-tabs{
	margin-top: 24px;
}
.fixed-nav .slimScrollDiv #side-menu {
    padding-bottom: 60px;
    position: relative;
}

.slimScrollDiv >* {
    overflow: hidden;
}

.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px;
}

.canvas-menu.mini-navbar .nav-second-level {
    background: #293846;
}

.mini-navbar li.active .nav-second-level {
    left: 65px;
}

.navbar-default .special_link a {
    background: #1ab394;
    color: white;
}

.navbar-default .special_link a:hover {
    background: #17987e !important;
    color: white;
}

.navbar-default .special_link a span.label {
    background: #fff;
    color: #1ab394;
}

.navbar-default .landing_link a {
    background: #1cc09f;
    color: white;
}

.navbar-default .landing_link a:hover {
    background: #1ab394 !important;
    color: white;
}

.navbar-default .landing_link a span.label {
    background: #fff;
    color: #1cc09f;
}

.logo-element {
    text-align: center;
    font-size: 18px;
    color: white;
    display: none;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.navbar-fixed-top {
    background: #fff;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 2030;
}

.navbar-fixed-top,
.navbar-static-top {
    background:#4e97d9;
}
.navbar-stativ-tabs{
	float: left;
	margin-left: 40px;
}
.navbar-stativ-tabs li{
	float: left;
}
.navbar-stativ-tabs li.mediaicon{
	display: none;
	position: relative;
}
.navbar-stativ-tabs li a{
	padding:18px 15px;
    min-height: 50px;	
    display: block;
    color: #fff;
    font-size: 14px;
}
.navbar-stativ-tabs li a:hover{
	background: #468bca;
}
.navbar-stativ-tabs li a.active{
	background: #468bca;
}
.navbar-stativ-tabs li a>span{
	font-size: 18px;
	margin-right:8px;
}
.fixed-nav #wrapper {
    padding-top: 60px;
    box-sizing: border-box;
}

.fixed-nav .minimalize-styl-2 {
    margin: 14px 15px 5px 15px;
}

.body-small .navbar-fixed-top {
    margin-left: 0px;
}

body.mini-navbar .navbar-static-side {
    width: 70px;
}

body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
    display: none;
}

body.canvas-menu .profile-element {
    display: block;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level {
    display: none;
}

body.mini-navbar .navbar-default .nav > li > a {
    font-size: 16px;
}

body.mini-navbar .logo-element {
    display: block;
    font-size: 24px;
    padding: 13px 0;
}

body.canvas-menu .logo-element {
    display: none;
}

body.mini-navbar .nav-header {
    padding: 0;
    background-color: #4e97d9;
}

body.canvas-menu .nav-header {
    padding: 33px 25px;
}

body.mini-navbar #page-wrapper {
    margin: 0 0 0 70px;
}

body.canvas-menu.mini-navbar #page-wrapper,
body.canvas-menu.mini-navbar .footer {
    margin: 0 0 0 0;
}

body.fixed-sidebar .navbar-static-side,
body.canvas-menu .navbar-static-side {
    position: fixed;
    width: 220px;
    z-index: 2001;
    height: 100%;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 70px;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 70px;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 0 0 70px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 70px;
}

.fixed-sidebar.mini-navbar .nav li> .nav-second-level {
    display: none;
}

.fixed-sidebar.mini-navbar .nav li.active {
    border-left-width: 0;
}

.fixed-sidebar.mini-navbar .nav li:hover > .nav-second-level,
.canvas-menu.mini-navbar .nav li:hover > .nav-second-level {
    position: absolute;
    left: 70px;
    top: 0px;
    background-color: #2f4050;
    padding: 10px 10px 0 10px;
    font-size: 12px;
    display: block;
    min-width: 140px;
    border-radius: 2px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 12px;
    border-radius: 3px;
}

body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    font-size: 13px;
    border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a,
.canvas-menu.mini-navbar .nav-second-level li a {
    padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level,
.canvas-menu.mini-navbar .nav-second-level {
    position: relative;
    padding: 0;
    font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level,
.canvas-menu.mini-navbar li.active .nav-second-level {
    left: 0px;
}

body.canvas-menu nav.navbar-static-side {
    z-index: 2001;
    background: #2f4050;
    height: 100%;
    position: fixed;
    display: none;
}

body.canvas-menu.mini-navbar nav.navbar-static-side {
    display: block;
    width: 70px;
}
.caidanshow{
	left: ;
}
.top-navigation #page-wrapper {
    margin-left: 0;
}

.top-navigation .navbar-nav .dropdown-menu > .active > a {
    background: white;
    color: #1ab394;
    font-weight: bold;
}

.white-bg .navbar-fixed-top,
.white-bg .navbar-static-top {
    background: #fff;
}

.top-navigation .navbar {
    margin-bottom: 0;
}

.top-navigation .nav > li > a {
    padding: 15px 20px;
    color: #676a6c;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
    background: #fff;
    color: #1ab394;
}

.top-navigation .nav > li.active {
    background: #fff;
    border: none;
}

.top-navigation .nav > li.active > a {
    color: #1ab394;
}

.top-navigation .navbar-right {
    padding-right: 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
    box-shadow: none;
    border: 1px solid #e7eaec;
}

.top-navigation .dropdown-menu > li > a {
    margin: 0;
    padding: 7px 20px;
}

.navbar .dropdown-menu {
    margin-top: 0px;
}

.top-navigation .navbar-brand {
    background: #1ab394;
    color: #fff;
    padding: 15px 25px;
}

.top-navigation .navbar-top-links li:last-child {
    margin-right: 0;
}

.top-navigation.mini-navbar #page-wrapper,
.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
.mini-navbar .top-navigation #page-wrapper,
.body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,
.canvas-menu #page-wrapper {
    margin: 0;
}

.top-navigation.fixed-nav #wrapper,
.fixed-nav #wrapper.top-navigation {
    margin-top: 50px;
}

.top-navigation .footer.fixed {
    margin-left: 0 !important;
}

.top-navigation .wrapper.wrapper-content {
    padding: 40px;
}

.top-navigation.body-small .wrapper.wrapper-content,
.body-small .top-navigation .wrapper.wrapper-content {
    padding: 40px 0px 40px 0px;
}

.navbar-toggle {
    background-color: #1ab394;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
}

.top-navigation .navbar-nav .open .dropdown-menu > li > a,
.top-navigation .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 20px;
}
.dropdown-menu{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1200;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li {
    padding: 0 3px;
    margin: 2px 0;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.6;
    color: #76838f;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .top-navigation .navbar-header {
        display: block;
        float: none;
    }
}
@media (max-width: 1050px) {
	.schooltab .school-tab .tab-list{
		display: none;
	}
	.schooltab .school-tab .tab-list:nth-child(1){
		display: block;
	}	
	.schooltab .school-tab .tab-list:nth-child(2){
		display: block;
	}	
	.schooltab .school-tab .tab-lists{
		display: block!important;
	}		
}
@media (max-width: 1250px) {
	
	.navbar-stativ-tabs>li:nth-last-child(2){
		display: none;
	}
	.navbar-stativ-tabs>li:nth-last-child(3){
		display: none;
	}	
	.navbar-stativ-tabs>li:nth-last-child(4){
		display: none;
	}
	.navbar-stativ-tabs>li:nth-last-child(5){
		display: none;
	}		
	.navbar-stativ-tabs>li.mediaicon{
		display: block;
	}
	.navbar-stativ-tabs>li:nth-child(1){
		display: block;
	}
	.navbar-stativ-tabs>li:nth-child(2){
		display: block;
	}	
}
.menu-visible-lg,
.menu-visible-md {
    display: none !important;
}

@media (min-width: 1200px) {
    .menu-visible-lg {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .menu-visible-md {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .menu-visible-md {
        display: block !important;
    }
    .menu-visible-lg {
        display: block !important;
    }
}

.btn {
    border-radius: 3px;
    outline: none;
}

.float-e-margins .btn {
    margin-bottom: 5px;
}

.btn-w-m {
    min-width: 120px;
}

.btn-primary.btn-outline {
    color: #1ab394;
}

.btn-success.btn-outline {
    color: #1c84c6;
}

.btn-info.btn-outline {
    color: #23c6c8;
}

.btn-warning.btn-outline {
    color: #f8ac59;
}

.btn-danger.btn-outline {
    color: #ed5565;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-primary {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
}
.btn-bule{
    background-color: #62a8ea;
    border-color: #62a8ea;
    color: #FFFFFF;	
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #1dc5a3;
    border-color: #1dc5a3;
}

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
    color: #FFFFFF;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #1f90d8;
    border-color: #1f90d8;
}

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFFFFF;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #21b9bb;
    border-color: #21b9bb;
    color: #FFFFFF;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #26d7d9;
    border-color: #26d7d9;
}

.btn-default {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    color: #FFFFFF;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #bababa;
    border-color: #bababa;
    color: #FFFFFF;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #cccccc;
    border-color: #cccccc;
}

.btn-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #FFFFFF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #f7a54a;
    border-color: #f7a54a;
    color: #FFFFFF;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #f9b66d;
    border-color: #f9b66d;
}

.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #ec4758;
    border-color: #ec4758;
    color: #FFFFFF;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #ef6776;
    border-color: #ef6776;
}

.btn-link {
    color: inherit;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    color: #1ab394;
    text-decoration: none;
}

.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
    background-image: none;
}

.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
    color: #cacaca;
}

.btn-white {
    color: inherit;
    background: white;
    border: 1px solid #e7eaec;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: inherit;
    border: 1px solid #d2d2d2;
}

.btn-white:active,
.btn-white.active {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    background-image: none;
}

.btn-white.disabled,
.btn-white.disabled:hover,
.btn-white.disabled:focus,
.btn-white.disabled:active,
.btn-white.disabled.active,
.btn-white[disabled],
.btn-white[disabled]:hover,
.btn-white[disabled]:focus,
.btn-white[disabled]:active,
.btn-white.active[disabled],
fieldset[disabled] .btn-white,
fieldset[disabled] .btn-white:hover,
fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:active,
fieldset[disabled] .btn-white.active {
    color: #cacaca;
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
    box-shadow: none;
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn-rounded {
    border-radius: 50px;
}

.btn-large-dim {
    width: 90px;
    height: 90px;
    font-size: 42px;
}

button.dim {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    font-weight: 600;
    margin-bottom: 20px !important;
}

button.dim:active {
    top: 3px;
}

button.btn-primary.dim {
    box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999;
}

button.btn-primary.dim:active {
    box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999;
}

button.btn-default.dim {
    box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999;
}

button.btn-default.dim:active {
    box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999;
}

button.btn-warning.dim {
    box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999;
}

button.btn-warning.dim:active {
    box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999;
}

button.btn-info.dim {
    box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999;
}

button.btn-info.dim:active {
    box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999;
}

button.btn-success.dim {
    box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999;
}

button.btn-success.dim:active {
    box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999;
}

button.btn-danger.dim {
    box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999;
}

button.btn-danger.dim:active {
    box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999;
}

button.dim:before {
    font-size: 50px;
    line-height: 1em;
    font-weight: normal;
    color: #fff;
    display: block;
    padding-top: 10px;
}

button.dim:active:before {
    top: 7px;
    font-size: 50px;
}

.label {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
}

.badge {
    background-color: #d1dade;
    color: #5e5e5e;
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
    text-shadow: none;
}

.label-primary,
.badge-primary {
    background-color: #1ab394;
    color: #FFFFFF;
}

.label-success,
.badge-success {
    background-color: #1c84c6;
    color: #FFFFFF;
}

.label-warning,
.badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}

.label-warning-light,
.badge-warning-light {
    background-color: #f8ac59;
    color: #ffffff;
}

.label-danger,
.badge-danger {
    background-color: #ed5565;
    color: #FFFFFF;
}

.label-info,
.badge-info {
    background-color: #23c6c8;
    color: #FFFFFF;
}

.label-inverse,
.badge-inverse {
    background-color: #262626;
    color: #FFFFFF;
}

.label-white,
.badge-white {
    background-color: #FFFFFF;
    color: #5E5E5E;
}

.label-white,
.badge-disable {
    background-color: #2A2E36;
    color: #8B91A0;
}


/* TOOGLE SWICH */

.onoffswitch {
    position: relative;
    width: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1ab394;
    border-radius: 2px;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 20px;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #1ab394;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #FFFFFF;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    width: 20px;
    margin: 0px;
    background: #FFFFFF;
    border: 2px solid #1ab394;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 44px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}


/* CHOSEN PLUGIN */

.chosen-container-single .chosen-single {
    background: #ffffff;
    box-shadow: none;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #CBD5DD;
    border-radius: 2px;
    cursor: text;
    height: auto !important;
    margin: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 4px 12px;
    position: relative;
    width: 100%;
}

.chosen-container-multi .chosen-choices li.search-choice {
    background: #f1f1f1;
    border: 1px solid #ededed;
    border-radius: 2px;
    box-shadow: none;
    color: #333333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    position: relative;
}


/* PAGINATIN */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #f4f4f4;
    border-color: #DDDDDD;
    color: inherit;
    cursor: default;
    z-index: 2;
}

.pagination > li > a,
.pagination > li > span {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}


/* TOOLTIPS */

.tooltip-inner {
    background-color: #2F4050;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #2F4050;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #2F4050;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #2F4050;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #2F4050;
}


/* EASY PIE CHART*/

.easypiechart {
    position: relative;
    text-align: center;
}

.easypiechart .h2 {
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}

.easypiechart canvas {
    top: 0;
    left: 0;
}

.easypiechart .easypie-text {
    line-height: 1;
    position: absolute;
    top: 33px;
    width: 100%;
    z-index: 1;
}

.easypiechart img {
    margin-top: -4px;
}

.jqstooltip {
    box-sizing: content-box;
}


/* FULLCALENDAR */

.fc-state-default {
    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    color: #333333;
    text-shadow: none;
}

.fc-state-default {
    border: 1px solid;
}

.fc-button {
    color: inherit;
    border: 1px solid #e7eaec;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
}

.fc-state-active {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #ffffff;
}

.fc-header-title h2 {
    font-size: 16px;
    font-weight: 600;
    color: inherit;
}

.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
    border-color: #e7eaec;
    font-weight: normal;
}

.fc-border-separate tbody {
    background-color: #F8F8F8;
}

.fc-state-highlight {
    background: none repeat scroll 0 0 #FCF8E3;
}

.external-event {
    padding: 5px 10px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-radius: 2px;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
    padding: 4px 6px;
    background-color: #1ab394;
    /* background color */
    border-color: #1ab394;
    /* border color */
}

.fc-event-time,
.fc-event-title {
    color: #717171;
    padding: 0 1px;
}

.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
    color: #fff;
}


/* Chat */

.chat-activity-list .chat-element {
    border-bottom: 1px solid #e7eaec;
}

.chat-element:first-child {
    margin-top: 0;
}

.chat-element {
    padding-bottom: 15px;
}

.chat-element,
.chat-element .media {
    margin-top: 15px;
}

.chat-element,
.media-body {
    overflow: hidden;
}

.media-body {
    display: block;
    width: auto;
}

.chat-element > .pull-left {
    margin-right: 10px;
}

.chat-element img.img-circle,
.dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.chat-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.chat-element .actions {
    margin-top: 10px;
}

.chat-element .photos {
    margin: 10px 0;
}

.right.chat-element > .pull-right {
    margin-left: 10px;
}

.chat-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}


/* LIST GROUP */

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    background-color: #1ab394;
    border-color: #1ab394;
    color: #FFFFFF;
    z-index: 2;
}

.list-group-item-heading {
    margin-top: 10px;
}

.list-group-item-text {
    margin: 0 0 10px;
    color: inherit;
    font-size: 12px;
    line-height: inherit;
}

.no-padding .list-group-item {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.no-padding .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: none;
}

.no-padding .list-group {
    margin-bottom: 0;
}

.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.elements-list .list-group-item {
    border-left: none;
    border-right: none;
    /*border-top: none;*/
    padding: 15px 25px;
}

.elements-list .list-group-item:first-child {
    border-left: none;
    border-right: none;
    border-top: none !important;
}

.elements-list .list-group {
    margin-bottom: 0;
}

.elements-list a {
    color: inherit;
}

.elements-list .list-group-item.active,
.elements-list .list-group-item:hover {
    background: #f3f3f4;
    color: inherit;
    border-color: #e7eaec;
    /*border-bottom: 1px solid #e7eaec;*/
    /*border-top: 1px solid #e7eaec;*/
    border-radius: 0;
}

.elements-list li.active {
    -webkit-transition: none;
    transition: none;
}

.element-detail-box {
    padding: 25px;
}


/* FLOT CHART  */

.flot-chart {
    display: block;
    height: 200px;
}

.widget .flot-chart.dashboard-chart {
    display: block;
    height: 120px;
    margin-top: 40px;
}

.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 40px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.flot-chart-pie-content {
    width: 200px;
    height: 200px;
    margin: auto;
}

.jqstooltip {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    visibility: hidden;
    background: #2b303a;
    background-color: rgba(43, 48, 58, 0.8);
    color: white;
    text-align: left;
    white-space: nowrap;
    z-index: 10000;
    padding: 5px 5px 5px 5px;
    min-height: 22px;
    border-radius: 3px;
}

.jqsfield {
    color: white;
    text-align: left;
}

.h-200 {
    min-height: 200px;
}

.legendLabel {
    padding-left: 5px;
}

.stat-list li:first-child {
    margin-top: 0;
}

.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stat-percent {
    float: right;
}

.stat-list li {
    margin-top: 15px;
    position: relative;
}


/* DATATABLES */

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50, 50, 50, 0.5);
}

.dataTables_wrapper {
    padding-bottom: 30px;
}


/* CIRCLE */

.img-circle {
    border-radius: 50%;
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}


/* ANIMATION */

.css-animation-box h1 {
    font-size: 44px;
}

.animation-efect-links a {
    padding: 4px 6px;
    font-size: 12px;
}

#animation_box {
    background-color: #f9f8f8;
    border-radius: 16px;
    width: 80%;
    margin: 0 auto;
    padding-top: 80px;
}

.animation-text-box {
    position: absolute;
    margin-top: 40px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}

.animation-text-info {
    position: absolute;
    margin-top: -60px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    font-size: 10px;
}

.animation-text-box h2 {
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 5px;
}

.animation-text-box p {
    font-size: 12px;
    text-transform: uppercase;
}


/* PEACE */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #1ab394;
    position: fixed;
    z-index: 2000;
    top: 0;
    width: 100%;
    height: 2px;
}

.pace-inactive {
    display: none;
}


/* WIDGETS */

.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.widget.style1 h2 {
    font-size: 30px;
}

.widget h2,
.widget h3 {
    margin-top: 5px;
    margin-bottom: 0;
}

.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #ffffff;
}

.widget-head-color-box {
    border-radius: 5px 5px 0px 0px;
    margin-top: 10px;
}

.widget .flot-chart {
    height: 100px;
}

.vertical-align div {
    display: inline-block;
    vertical-align: middle;
}

.vertical-align h2,
.vertical-align h3 {
    margin: 0;
}

.todo-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.todo-list.small-list {
    font-size: 12px;
}

.todo-list.small-list > li {
    background: #f3f3f4;
    border-left: none;
    border-right: none;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 6px 6px 6px 12px;
}

.todo-list.small-list .btn-xs,
.todo-list.small-list .btn-group-xs > .btn {
    border-radius: 5px;
    font-size: 10px;
    line-height: 1.5;
    padding: 1px 2px 1px 5px;
}

.todo-list > li {
    background: #f3f3f4;
    border-left: 6px solid #e7eaec;
    border-right: 6px solid #e7eaec;
    border-radius: 4px;
    color: inherit;
    margin-bottom: 2px;
    padding: 10px;
}

.todo-list .handle {
    cursor: move;
    display: inline-block;
    font-size: 16px;
    margin: 0 5px;
}

.todo-list > li .label {
    font-size: 9px;
    margin-left: 10px;
}

.check-link {
    font-size: 16px;
}

.todo-completed {
    text-decoration: line-through;
}

.geo-statistic h1 {
    font-size: 36px;
    margin-bottom: 0;
}

.glyphicon.fa {
    font-family: "FontAwesome";
}


/* INPUTS */

.inline {
    display: inline-block !important;
}

.input-s-sm {
    width: 120px;
}

.input-s {
    width: 200px;
}

.input-s-lg {
    width: 250px;
}

.i-checks {
    padding-left: 0;
}

.form-control,
.single-line {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
    height: auto;
}

.form-control:focus,
.single-line:focus {
    border-color: #1ab394 !important;
}

.has-success .form-control {
    border-color: #1ab394;
}

.has-warning .form-control {
    border-color: #f8ac59;
}

.has-error .form-control {
    border-color: #ed5565;
}

.has-success .control-label {
    color: #1ab394;
}

.has-warning .control-label {
    color: #f8ac59;
}

.has-error .control-label {
    color: #ed5565;
}

.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}

.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.13;
}

.spinner-buttons.input-group-btn {
    width: 20%;
}

.noUi-connect {
    background: none repeat scroll 0 0 #1ab394;
    box-shadow: none;
}

.slider_red .noUi-connect {
    background: none repeat scroll 0 0 #ed5565;
    box-shadow: none;
}
/* UI Sortable */

.ui-sortable .ibox-title {
    cursor: move;
}

.ui-sortable-placeholder {
    border: 1px dashed #cecece !important;
    visibility: visible !important;
    background: #e7eaec;
}

.ibox.ui-sortable-placeholder {
    margin: 0px 0px 23px !important;
}


/* Tabs */

.tabs-container .panel-body {
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative;
}

.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
    background-color: #fff;
}

.tabs-container .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.tabs-container .tab-pane .panel-body {
    border-top: none;
}

.tabs-container .nav-tabs > li.active > a,
.tabs-container .nav-tabs > li.active > a:hover,
.tabs-container .nav-tabs > li.active > a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
}

.tabs-container .nav-tabs {
    border-bottom: 1px solid #e7eaec;
}

.tabs-container .tab-pane .panel-body {
    border-top: none;
}

.tabs-container .tabs-left .tab-pane .panel-body,
.tabs-container .tabs-right .tab-pane .panel-body {
    border-top: 1px solid #e7eaec;
}

.tabs-container .nav-tabs > li a:hover {
    background: transparent;
    border-color: transparent;
}

.tabs-container .tabs-below > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs,
.tabs-container .tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tabs-container .tabs-left .panel-body {
    position: static;
}

.tabs-container .tabs-left > .nav-tabs,
.tabs-container .tabs-right > .nav-tabs {
    width: 20%;
}

.tabs-container .tabs-left .panel-body {
    width: 80%;
    margin-left: 20%;
}

.tabs-container .tabs-right .panel-body {
    width: 80%;
    margin-right: 20%;
}

.tabs-container .tab-content > .tab-pane,
.tabs-container .pill-content > .pill-pane {
    display: none;
}

.tabs-container .tab-content > .active,
.tabs-container .pill-content > .active {
    display: block;
}

.tabs-container .tabs-below > .nav-tabs {
    border-top: 1px solid #e7eaec;
}

.tabs-container .tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-container .tabs-below > .nav-tabs > li > a {
    border-radius: 0 0 4px 4px;
}

.tabs-container .tabs-below > .nav-tabs > li > a:hover,
.tabs-container .tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #e7eaec;
    border-bottom-color: transparent;
}

.tabs-container .tabs-left > .nav-tabs > li,
.tabs-container .tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-container .tabs-left > .nav-tabs > li > a,
.tabs-container .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-container .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
}

.tabs-container .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px;
}

.tabs-container .tabs-left > .nav-tabs .active > a,
.tabs-container .tabs-left > .nav-tabs .active > a:hover,
.tabs-container .tabs-left > .nav-tabs .active > a:focus {
    border-color: #e7eaec transparent #e7eaec #e7eaec;
    *border-right-color: #ffffff;
}

.tabs-container .tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
}

.tabs-container .tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
}

.tabs-container .tabs-right > .nav-tabs .active > a,
.tabs-container .tabs-right > .nav-tabs .active > a:hover,
.tabs-container .tabs-right > .nav-tabs .active > a:focus {
    border-color: #e7eaec #e7eaec #e7eaec transparent;
    *border-left-color: #ffffff;
    z-index: 1;
}


/* SWITCHES */

.onoffswitch {
    position: relative;
    width: 54px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #1AB394;
    border-radius: 3px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    padding: 0;
    line-height: 16px;
    font-size: 10px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 7px;
    background-color: #1AB394;
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 7px;
    background-color: #FFFFFF;
    color: #919191;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 0px;
    background: #FFFFFF;
    border: 2px solid #1AB394;
    border-radius: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}


/* Nestable list */

.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
    z-index: 999;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #e7eaec;
    background: #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
	white-space:normal; 
	word-break:break-all;    
    -moz-box-sizing: border-box;
}
.dd-handle .pull-right{
	display: none;
	color:#76838f;
	width: 80%;
	text-align: right;
} 
.dd-handle span {
    font-weight: bold;
}
#nestable2 .dd-handle:hover{
	background: #FFF7EE;
}
#nestable2 .dd-handle.active{
	background: #FFF7EE;
}
#nestable2 .dd-handle:hover .pull-right{
	display: block;
}
.dd-handle:hover {
    background: #f0f0f0;
    cursor: pointer;
    font-weight: bold;
}

.dd-item > button {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

.dd-item > button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

.dd-item > button[data-action="collapse"]:before {
    content: '-';
}

#nestable2 .dd-item > button {
    font-family: FontAwesome;
    width: 33px;
    color: #c1c1c1;
    font-weight:bold
}

/* #nestable2 .dd-item > button:before {
    content: "\f067";
}

#nestable2 .dd-item > button[data-action="collapse"]:before {
    content: "\f068";
} */

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
	display: none;
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    z-index: 9999;
    pointer-events: none;
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}

.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}


/**
* Nestable Extras
*/

.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

#nestable-menu {
    padding: 0;
    margin: 10px 0 20px 0;
}

#nestable-output,
#nestable2-output {
    width: 100%;
    font-size: 0.75em;
    line-height: 1.333333em;
    font-family: lucida grande, lucida sans unicode, helvetica, arial, sans-serif;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nestable2 .dd-handle {
    color: inherit;
    border: 1px dashed #e7eaec;
    background: #f3f3f4;
}

#nestable2 .dd-handle:hover {
    /*background: #bbb;*/
}

#nestable2 span.label {
    margin-right: 10px;
}

#nestable-output,
#nestable2-output {
    font-size: 12px;
    padding: 25px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* CodeMirror */

.CodeMirror {
    border: 1px solid #eee;
    height: auto;
}

.CodeMirror-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}


/* Google Maps */

.google-map {
    height: 300px;
}


/* Validation */

label.error {
    color: #cc5965;
    display: inline-block;
    margin-left: 5px;
}

.form-control.error {
    border: 1px dotted #cc5965;
}


/* ngGrid */

.gridStyle {
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 400px;
}

.gridStyle2 {
    border: 1px solid #d4d4d4;
    width: 500px;
    height: 300px;
}

.ngH eaderCell {
    border-right: none;
    border-bottom: 1px solid #e7eaec;
}

.ngCell {
    border-right: none;
}

.ngTopPanel {
    background: #F5F5F6;
}

.ngRow.even {
    background: #f9f9f9;
}

.ngRow.selected {
    background: #EBF2F1;
}

.ngRow {
    border-bottom: 1px solid #e7eaec;
}

.ngCell {
    background-color: transparent;
}

.ngHeaderCell {
    border-right: none;
}


/* Toastr custom style */

#toast-container > .toast {
    background-image: none !important;
}

#toast-container > .toast:before {
    position: fixed;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 24px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}

#toast-container > div {
    box-shadow: 0 0 3px #999;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}

#toast-container >:hover {
    box-shadow: 0 0 4px #999;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast {
    background-color: #1ab394;
}

.toast-success {
    background-color: #1ab394;
}

.toast-error {
    background-color: #ed5565;
}

.toast-info {
    background-color: #23c6c8;
}

.toast-warning {
    background-color: #f8ac59;
}

.toast-top-full-width {
    margin-top: 20px;
}

.toast-bottom-full-width {
    margin-bottom: 20px;
}


/* Image cropper style */

.img-container,
.img-preview {
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.img-preview-sm {
    height: 130px;
    width: 200px;
}


/* Forum styles  */

.forum-post-container .media {
    margin: 10px 10px 10px 10px;
    padding: 20px 10px 20px 10px;
    border-bottom: 1px solid #f1f1f1;
}

.forum-avatar {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 110px;
}

.forum-avatar .img-circle {
    height: 48px;
    width: 48px;
}

.author-info {
    color: #676a6c;
    font-size: 11px;
    margin-top: 5px;
    text-align: center;
}

.forum-post-info {
    padding: 9px 12px 6px 12px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
}

.media-body > .media {
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #f1f1f1;
}

.forum-post-container .media-body .photos {
    margin: 10px 0;
}

.forum-photo {
    max-width: 140px;
    border-radius: 3px;
}

.media-body > .media .forum-avatar {
    width: 70px;
    margin-right: 10px;
}

.media-body > .media .forum-avatar .img-circle {
    height: 38px;
    width: 38px;
}

.mid-icon {
    font-size: 66px;
}

.forum-item {
    margin: 10px 0;
    padding: 10px 0 20px;
    border-bottom: 1px solid #f1f1f1;
}

.views-number {
    font-size: 24px;
    line-height: 18px;
    font-weight: 400;
}

.forum-container,
.forum-post-container {
    padding: 30px !important;
}

.forum-item small {
    color: #999;
}

.forum-item .forum-sub-title {
    color: #999;
    margin-left: 50px;
}

.forum-title {
    margin: 15px 0 15px 0;
}

.forum-info {
    text-align: center;
}

.forum-desc {
    color: #999;
}

.forum-icon {
    float: left;
    width: 30px;
    margin-right: 20px;
    text-align: center;
}

a.forum-item-title {
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

a.forum-item-title:hover {
    color: inherit;
}

.forum-icon .fa {
    font-size: 30px;
    margin-top: 8px;
    color: #9b9b9b;
}

.forum-item.active .fa {
    color: #1ab394;
}

.forum-item.active a.forum-item-title {
    color: #1ab394;
}

@media (max-width: 992px) {
    .forum-info {
        margin: 15px 0 10px 0px;
        /* Comment this is you want to show forum info in small devices */
        display: none;
    }
    .forum-desc {
        float: none !important;
    }
}


/* New Timeline style */

.vertical-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.vertical-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1;
}

.vertical-timeline-content .btn {
    float: right;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5;
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    #vertical-timeline.center-orientation:before {
        left: 50%;
        margin-left: -2px;
    }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f5f5f5 transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-block:first-child {
    margin-top: 0;
}

.vertical-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0;
    }
    .center-orientation .vertical-timeline-block:first-child {
        margin-top: 0;
    }
    .center-orientation .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center;
}

.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -9px;
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width: 50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px;
    }
    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -10px;
    }
    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden;
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
}

.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-content h2 {
    font-weight: 400;
    margin-top: 4px;
}

.vertical-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500;
}

.vertical-date small {
    color: #1ab394;
    font-weight: 400;
}

.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }
    .vertical-timeline-content p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }
    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .center-orientation .vertical-timeline-content .btn {
        float: left;
    }
    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 2px;
        font-size: 14px;
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right;
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
        float: right;
    }
    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
        left: auto;
        right: 122%;
        text-align: right;
    }
    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden;
    }
}

.sidebard-panel {
    width: 220px;
    background: #ebebed;
    padding: 10px 20px;
    position: absolute;
    right: 0;
}

.sidebard-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px;
}

.sidebard-panel .feed-element,
.media-body,
.sidebard-panel p {
    font-size: 12px;
}

.sidebard-panel .feed-element {
    margin-top: 20px;
    padding-bottom: 0;
}

.sidebard-panel .list-group {
    margin-bottom: 10px;
}

.sidebard-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0;
}

.sidebar-content .wrapper,
.wrapper.sidebar-content {
    padding-right: 240px !important;
}

#right-sidebar {
    background-color: #fff;
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    position: fixed;
    top:60.5px;
    width: 300px !important;
    z-index: 1009;
    bottom: 0;
    right: -300px;
}

#right-sidebar.sidebar-open {
    right: 0;
}

#right-sidebar.sidebar-open.sidebar-top {
    top: 0;
    border-top: none;
}

.sidebar-container ul.nav-tabs {
    border: none;
}

.sidebar-container ul.nav-tabs.navs-4 li {
    width: 25%;
}

.sidebar-container ul.nav-tabs.navs-3 li {
    width: 33.3333%;
}

.sidebar-container ul.nav-tabs.navs-2 li {
    width: 50%;
}

.sidebar-container ul.nav-tabs li {
    border: none;
}

.sidebar-container ul.nav-tabs li a {
    border: none;
    padding: 12px 10px;
    margin: 0;
    border-radius: 0;
    background: #2f4050;
    color: #fff;
    text-align: center;
    border-right: 1px solid #334556;
}

.sidebar-container ul.nav-tabs li.active a {
    border: none;
    background: #f9f9f9;
    color: #676a6c;
    font-weight: bold;
}

.sidebar-container .nav-tabs > li.active > a:hover,
.sidebar-container .nav-tabs > li.active > a:focus {
    border: none;
}

.sidebar-container ul.sidebar-list {
    margin: 0;
    padding: 0;
}

.sidebar-container ul.sidebar-list li {
    border-bottom: 1px solid #e7eaec;
    padding: 15px 20px;
    list-style: none;
    font-size: 12px;
}

.sidebar-container .sidebar-message:nth-child(2n+2) {
    background: #f9f9f9;
}

.sidebar-container ul.sidebar-list li a {
    text-decoration: none;
    color: inherit;
}

.sidebar-container .sidebar-content {
    padding: 15px 20px;
    font-size: 12px;
}

.sidebar-container .sidebar-title {
    background: #f9f9f9;
    padding: 20px;
    border-bottom: 1px solid #e7eaec;
}

.sidebar-container .sidebar-title h3 {
    margin-bottom: 3px;
    padding-left: 2px;
}

.sidebar-container .tab-content h4 {
    margin-bottom: 5px;
}

.sidebar-container .sidebar-message > a > .pull-left {
    margin-right: 10px;
}

.sidebar-container .sidebar-message > a {
    text-decoration: none;
    color: inherit;
}

.sidebar-container .sidebar-message {
    padding: 15px 20px;
}

.sidebar-container .sidebar-message .message-avatar {
    height: 38px;
    width: 38px;
    border-radius: 50%;
}

.sidebar-container .setings-item {
    padding: 15px 20px;
    border-bottom: 1px solid #e7eaec;
}

body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;
}

html,
body {
    height: 100%;
}

body.full-height-layout #wrapper,
body.full-height-layout #page-wrapper {
    height: 100%;
}

#page-wrapper {
    min-height: auto;
}

body.boxed-layout {
    background: url('patterns/shattered.png');
}

body.boxed-layout #wrapper {
    background-color: #2f4050;
    max-width: 1200px;
    margin: 0 auto;
}

.top-navigation.boxed-layout #wrapper,
.boxed-layout #wrapper.top-navigation {
    max-width: 1300px !important;
}

.block {
    display: block;
}

.clear {
    display: block;
    overflow: hidden;
}

a {
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: none;
}

.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.font-bold {
    font-weight: 600;
}

.font-noraml {
    font-weight: 400;
}

.text-uppercase {
    text-transform: uppercase;
}

.b-r {
    border-right: 1px solid #e7eaec;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.hr-line-solid {
    border-bottom: 1px solid #e7eaec;
    background-color: rgba(0, 0, 0, 0);
    border-style: solid !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

video {
    width: 100% !important;
    height: auto !important;
}


/* GALLERY */

.gallery > .row > div {
    margin-bottom: 15px;
}

.fancybox img {
    margin-bottom: 5px;
    /* Only for demo */
    width: 24%;
}


/* Summernote text editor  */

.note-editor {
    height: auto!important;
    min-height: 100px;
    border: solid 1px #e5e6e7;
}


/* MODAL */

.modal-content {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
}

.modal-dialog {
    z-index: 1200;
}

.modal-body {
    padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
    background: #FFF;
}

.inmodal .modal-header {
    padding:10px 15px;
    text-align: center;
    background: #f8fafb;
}

.animated.modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.inmodal .modal-title {
    font-size:18px;
    font-weight: normal;
    text-align: left;
}

.inmodal .modal-icon {
    font-size: 84px;
    color: #e2e3e3;
}

.modal-footer {
    margin-top: 0;
}


/* WRAPPERS */

#wrapper {
    width: 100%;
    overflow-x: hidden;
    background-color: #2f4050;
}

.wrapper-content {
    height: 100%;
}

#page-wrapper {
    padding: 0 15px;
    position: inherit;
    margin: 0 0 0 220px;
    background:#f1f4f5;
}

.title-action {
    text-align: right;
    padding-top: 30px;
}

.ibox-content h1,
.ibox-content h2,
.ibox-content h3,
.ibox-content h4,
.ibox-content h5,
.ibox-title h1,
.ibox-title h2,
.ibox-title h3,
.ibox-title h4,
.ibox-title h5 {
    margin-top: 5px;
}

ul.unstyled,
ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}

.big-icon {
    font-size: 160px;
    color: #e5e6e7;
}


/* FOOTER */

.footer {
    background: none repeat scroll 0 0 white;
    border-top: 1px solid #e7eaec;
    overflow: hidden;
    padding: 10px 20px;
    margin: 0 -15px;
    height: 36px;
}

.footer.fixed_full {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: white;
    border-top: 1px solid #e7eaec;
}

.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 10px 20px;
    background: white;
    border-top: 1px solid #e7eaec;
    margin-left: 220px;
}

body.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 70px;
}

body.mini-navbar.canvas-menu .footer.fixed,
body.canvas-menu .footer.fixed {
    margin: 0 !important;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 220px;
}

body.body-small .footer.fixed {
    margin-left: 0px;
}


/* PANELS */

.page-heading {
    border-top: 0;
    padding: 0px 20px 20px;
}

.panel-heading h1,
.panel-heading h2 {
    margin-bottom: 5px;
}


/*CONTENTTABS*/

.content-tabs {
    position: relative;
    height: 42px;
    background: #fafafa;
    line-height: 40px;
}

.content-tabs .roll-nav,
.page-tabs-list {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #999;
    z-index: 2;
    top: 0;
}

.content-tabs .roll-left {
    left: 0;
    border-right: solid 1px #eee;
}

.content-tabs .roll-right {
    right: 0;
    border-left: solid 1px #eee;
}

.content-tabs button {
    background: #fff;
    border: 0;
    height: 40px;
    width: 40px;
    outline: none;
}


nav.page-tabs {
    margin-left: 40px;
    width: 100000px;
    height: 40px;
    overflow: hidden;
}

nav.page-tabs .page-tabs-content {
    float: left;
}

.page-tabs a {
    display: block;
    float: left;
    border-right: solid 1px #eee;
    padding: 0 30px;
}
.page-tabs a:hover,
.content-tabs .roll-nav:hover {
    color: #fff;
    background:#2f4050;
    cursor: pointer;
}

.roll-right.J_tabRight {
    right: 170px;
}

.roll-right.btn-group {
    right: 90px;
    width: 80px;
    padding: 0;
}
.roll-right.btn-group:hover{
	color: #999;
}
.roll-right.btn-group button {
    width:120px;
}

.roll-right.J_tabExit {
    background: #fff;
    height: 40px;
    width: 60px;
    outline: none;
}

.dropdown-menu-right {
    left: auto;
}

#content-main {
    height: calc(100% - 140px);
    overflow: hidden;
}

.fixed-nav #content-main {
    height: calc(100% - 80px);
    overflow: hidden;
}


/* TABLES */

.table-bordered {
    border: 1px solid #EBEBEB;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}

.table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
    overflow: hidden;
    white-space:normal; 
    word-break:break-all;
}


/* PANELS */

.panel.blank-panel {
    background: none;
    margin: 0;
}

.blank-panel .panel-heading {
    padding-bottom: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    cursor: default;
}

.nav.nav-tabs li {
    background: none;
    border: none;
}

.nav-tabs > li > a {
    color: #A7B1C2;
    font-weight: 600;
    padding: 10px 20px 10px 25px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #676a6c;
}

.ui-tab .tab-content {
    padding: 20px 0px;
}


/* GLOBAL  */

.no-padding {
    padding: 0 !important;
}

.no-borders {
    border: none !important;
}

.no-margins {
    margin: 0 !important;
}

.no-top-border {
    border-top: 0 !important;
}

.ibox-content.text-box {
    padding-bottom: 0px;
    padding-top: 15px;
}

.border-left-right {
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.border-left {
    border-left: 1px solid #e7eaec;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.border-right {
    border-left: none;
    border-right: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

.full-width {
    width: 100% !important;
}

.link-block {
    font-size: 12px;
    padding: 10px;
}

.nav.navbar-top-links .link-block a {
    font-size: 12px;
}

.link-block a {
    font-size: 10px;
    color: inherit;
}

body.mini-navbar .branding {
    display: none;
}

img.circle-border {
    border: 6px solid #FFFFFF;
    border-radius: 50%;
}

.branding {
    float: left;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    padding: 17px 20px;
    text-align: center;
    background-color: #1ab394;
}

.login-panel {
    margin-top: 25%;
}

.page-header {
    padding: 20px 0 9px;
    margin: 0 0 20px;
    border-bottom: 1px solid #eeeeee;
}

.fontawesome-icon-list {
    margin-top: 22px;
}

.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

.fontawesome-icon-list .fa-hover a .fa {
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #1d9d74;
    color: #ffffff;
    text-decoration: none;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
    font-size: 30px;
    vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a:hover .text-muted {
    color: #bbe2d5;
}

.feature-list .col-md-4 {
    margin-bottom: 22px;
}

.feature-list h4 .fa:before {
    vertical-align: -10%;
    font-size: 28px;
    display: inline-block;
    width: 1.07142857em;
    text-align: center;
    margin-right: 5px;
}

.ui-draggable .ibox-title {
    cursor: move;
}

.breadcrumb {
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 0;
}

.breadcrumb > li a {
    color: inherit;
}

.breadcrumb > .active {
    color: inherit;
}

code {
    background-color: #F9F2F4;
    border-radius: 4px;
    color: #ca4440;
    font-size: 90%;
    padding: 2px 4px;
    white-space: nowrap;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-width: 1px 0px;
}

table.table-mail tr td {
    padding: 12px;
}

.table-mail .check-mail {
    padding-left: 20px;
}

.table-mail .mail-date {
    padding-right: 20px;
}

.star-mail,
.check-mail {
    width: 40px;
}

.unread td a,
.unread td {
    font-weight: 600;
    color: inherit;
}

.read td a,
.read td {
    font-weight: normal;
    color: inherit;
}

.unread td {
    background-color: #f9f8f8;
}

.ibox-content {
    clear: both;
    position: relative;
}
.ibox-content .ibox_btn{
	position: absolute;
	left: 15px;
}
.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}

.ibox-title h5 {
    font-size:18px;
    margin-top:0;
    font-weight: normal;
    padding: 0;
    float: left;
    color: #37474f;
}

.ibox-title .label {
    float: left;
    margin-left: 4px;
}

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

.ibox-tools a {
    cursor: pointer;
    margin-left: 5px;
    color: #c4c4c4;
}

.ibox-tools a.btn-primary {
    color: #fff;
}

.ibox-tools .dropdown-menu > li > a {
    padding: 4px 10px;
    font-size: 12px;
}

.ibox .open > .dropdown-menu {
    left: auto;
    right: 0;
}


/* BACKGROUNDS */

.gray-bg {
    background-color: #f3f3f4;
}

.white-bg {
    background-color: #ffffff;
}

.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.blue-bg {
    background-color: #1c84c6;
    color: #ffffff;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.black-bg {
    background-color: #262626;
}

.panel-primary {
    border-color: #1ab394;
}

.panel-primary > .panel-heading {
    background-color: #1ab394;
    border-color: #1ab394;
}

.panel-success {
    border-color: #1c84c6;
}

.panel-success > .panel-heading {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
}

.panel-info {
    border-color: #23c6c8;
}

.panel-info > .panel-heading {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #ffffff;
}

.panel-warning {
    border-color: #f8ac59;
}

.panel-warning > .panel-heading {
    background-color: #f8ac59;
    border-color: #f8ac59;
    color: #ffffff;
}

.panel-danger {
    border-color: #ed5565;
}

.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #ffffff;
}

.progress-bar {
    background-color: #1ab394;
}

.progress-small,
.progress-small .progress-bar {
    height: 10px;
}

.progress-small,
.progress-mini {
    margin-top: 5px;
}

.progress-mini,
.progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0px;
}

.progress-bar-navy-light {
    background-color: #3dc7ab;
}

.progress-bar-success {
    background-color: #1c84c6;
}

.progress-bar-info {
    background-color: #23c6c8;
}

.progress-bar-warning {
    background-color: #f8ac59;
}

.progress-bar-danger {
    background-color: #ed5565;
}

.panel-title {
    font-size: inherit;
}

.jumbotron {
    border-radius: 6px;
    padding: 40px;
}

.jumbotron h1 {
    margin-top: 0;
}


/* COLORS */

.text-navy {
    color: #1ab394;
}

.text-primary {
    color: inherit;
}

.text-success {
    color: #1c84c6;
}

.text-info {
    color: #23c6c8;
}

.text-warning {
    color: #f8ac59;
}

.text-danger {
    color: #ed5565;
}

.text-muted {
    color: #888888;
}

.simple_tag {
    background-color: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    color: inherit;
    font-size: 10px;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 12px;
    display: inline-block;
}

.img-shadow {
    box-shadow: 0px 0px 3px 0px #919191;
}


/* For handle diferent bg color in AngularJS version */

.dashboards\.dashboard_2 nav.navbar,
.dashboards\.dashboard_3 nav.navbar,
.mailbox\.inbox nav.navbar,
.mailbox\.email_view nav.navbar,
.mailbox\.email_compose nav.navbar,
.dashboards\.dashboard_4_1 nav.navbar {
    background: #fff;
}


/* For handle diferent bg color in MVC version */

.Dashboard_2 .navbar.navbar-static-top,
.Dashboard_3 .navbar.navbar-static-top,
.Dashboard_4_1 .navbar.navbar-static-top,
.ComposeEmail .navbar.navbar-static-top,
.EmailView .navbar.navbar-static-top,
.Inbox .navbar.navbar-static-top {
    background: #fff;
}

a.close-canvas-menu {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1011;
    color: #a7b1c2;
}

a.close-canvas-menu:hover {
    color: #fff;
}


/* FULL HEIGHT */

.full-height {
    height: 100%;
}

.fh-breadcrumb {
    height: calc(100% - 196px);
    margin: 0 -15px;
    position: relative;
}

.fh-no-breadcrumb {
    height: calc(100% - 99px);
    margin: 0 -15px;
    position: relative;
}

.fh-column {
    background: #fff;
    height: 100%;
    width: 240px;
    float: left;
}

.modal-backdrop {
    z-index: 2040 !important;
}

.modal {
    z-index: 2050 !important;
}

.spiner-example {
    height: 200px;
    padding-top:20%;
}


/* MARGINS & PADDINGS */

.p-xxs {
    padding: 5px;
}

.p-xs {
    padding: 10px;
}

.p-sm {
    padding: 15px;
}

.p-m {
    padding: 20px;
}

.p-md {
    padding: 25px;
}

.p-lg {
    padding: 30px;
}

.p-xl {
    padding: 40px;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

.m-n {
    margin: 0 !important;
}

.m-l-none {
    margin-left: 0;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
    padding:8px 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.space-15 {
    margin: 15px 0;
}

.space-20 {
    margin: 20px 0;
}

.space-25 {
    margin: 25px 0;
}

.space-30 {
    margin: 30px 0;
}

body.modal-open {
    padding-right: inherit !important;
}


/* SEARCH PAGE */

.search-form {
    margin-top: 10px;
}

.search-result h3 {
    margin-bottom: 0;
    color: #1E0FBE;
}

.search-result .search-link {
    color: #006621;
}

.search-result p {
    font-size: 12px;
    margin-top: 5px;
}


/* CONTACTS */

.contact-box {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
}

.contact-box a {
    color: inherit;
}


/* INVOICE */

.invoice-table tbody > tr > td:last-child,
.invoice-table tbody > tr > td:nth-child(4),
.invoice-table tbody > tr > td:nth-child(3),
.invoice-table tbody > tr > td:nth-child(2) {
    text-align: right;
}

.invoice-table thead > tr > th:last-child,
.invoice-table thead > tr > th:nth-child(4),
.invoice-table thead > tr > th:nth-child(3),
.invoice-table thead > tr > th:nth-child(2) {
    text-align: right;
}

.invoice-total > tbody > tr > td:first-child {
    text-align: right;
}

.invoice-total > tbody > tr > td {
    border: 0 none;
}

.invoice-total > tbody > tr > td:last-child {
    border-bottom: 1px solid #DDDDDD;
    text-align: right;
    width: 15%;
}


/* ERROR & LOGIN & LOCKSCREEN*/

.middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
}

.lockscreen.middle-box {
    width: 200px;
    padding-top: 110px;
}

.loginscreen.middle-box {
    width: 300px;
}

.loginColumns {
    max-width: 800px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
}

.passwordBox {
    max-width: 460px;
    margin: 0 auto;
    padding: 100px 20px 20px 20px;
}

.logo-name {
    color: #e6e6e6;
    font-size: 180px;
    font-weight: 800;
    letter-spacing: -10px;
    margin-bottom: 0px;
}

.middle-box h1 {
    font-size: 170px;
}

.wrapper .middle-box {
    margin-top: 140px;
}

.lock-word {
    z-index: 10;
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -470px;
}

.lock-word span {
    font-size: 100px;
    font-weight: 600;
    color: #e9e9e9;
    display: inline-block;
}

.lock-word .first-word {
    margin-right: 160px;
}


/* DASBOARD */

.dashboard-header {
    border-top: 0;
    padding: 20px 20px 20px 20px;
}

.dashboard-header h2 {
    margin-top: 10px;
    font-size: 26px;
}

.fist-item {
    border-top: none !important;
}

.statistic-box {
    margin-top: 40px;
}

.dashboard-header .list-group-item span.label {
    margin-right: 10px;
}

.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

ul.clear-list:first-child {
    border-top: none !important;
}


/* Intimeline */

.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    background: #f8f8f8;
}

.timeline-item .date {
    text-align: right;
    width: 110px;
    position: relative;
    padding-top: 30px;
}

.timeline-item .content {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
}

.timeline-item .content:hover {
    background: #f6f6f6;
}


/* PIN BOARD */

ul.notes li,
ul.tag-list li {
    list-style: none;
}

ul.notes li h4 {
    margin-top: 20px;
    font-size: 16px;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 140px;
    width: 140px;
    padding: 1em;
    position: relative;
}

ul.notes li div small {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
}

ul.notes li div a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: inherit;
}

ul.notes li {
    margin: 10px 40px 50px 0px;
    float: left;
}

ul.notes li div p {
    font-size: 12px;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 140px;
    width: 140px;
    padding: 1em;
    /* Firefox */
    /* Safari+Chrome */
    /* Opera */
    box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7);
}

ul.notes li div {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}

ul.notes li:nth-child(even) div {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
}

ul.notes li:nth-child(3n) div {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}

ul.notes li:nth-child(5n) div {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px;
}

ul.notes li div:hover,
ul.notes li div:focus {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    z-index: 5;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 210px;
    width: 210px;
    padding: 1em;
    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    -webkit-transition: -webkit-transform 0.15s linear;
}


/* FILE MANAGER */

.file-box {
    float: left;
    width: 220px;
}

.file-manager h5 {
    text-transform: uppercase;
}

.file-manager {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.folder-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}

.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block;
}

.folder-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}

.category-list li a {
    color: #666666;
    display: block;
    padding: 5px 0;
}

.category-list li {
    display: block;
}

.category-list li i {
    margin-right: 8px;
    color: #3d4d5d;
}

.category-list li a .text-navy {
    color: #1ab394;
}

.category-list li a .text-primary {
    color: #1c84c6;
}

.category-list li a .text-info {
    color: #23c6c8;
}

.category-list li a .text-danger {
    color: #EF5352;
}

.category-list li a .text-warning {
    color: #F8AC59;
}

.file-manager h5.tag-title {
    margin-top: 20px;
}

.tag-list li {
    float: left;
}

.tag-list li a {
    font-size: 10px;
    background-color: #f3f3f4;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.file {
    border: 1px solid #e7eaec;
    padding: 0;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
}

.file-manager .hr-line-dashed {
    margin: 15px 0;
}

.file .icon,
.file .image {
    height: 100px;
    overflow: hidden;
}

.file .icon {
    padding: 15px 10px;
    text-align: center;
}

.file-control {
    color: inherit;
    font-size: 11px;
    margin-right: 10px;
}

.file-control.active {
    text-decoration: underline;
}

.file .icon i {
    font-size: 70px;
    color: #dadada;
}

.file .file-name {
    padding: 10px;
    background-color: #f8f8f8;
    border-top: 1px solid #e7eaec;
}

.file-name small {
    color: #676a6c;
}

.corner {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-right: 0.6em solid #f1f1f1;
    border-bottom: 0.6em solid #f1f1f1;
    right: 0em;
    bottom: 0em;
}

a.compose-mail {
    padding: 8px 10px;
}

.mail-search {
    max-width: 300px;
}


/* PROFILE */

.profile-content {
    border-top: none !important;
}

.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec;
}

.feed-element:first-child {
    margin-top: 0;
}

.feed-element {
    padding-bottom: 15px;
}

.feed-element,
.feed-element .media {
    margin-top: 15px;
}

.feed-element,
.media-body {
    overflow: hidden;
}

.feed-element > .pull-left {
    margin-right: 10px;
}

.feed-element img.img-circle,
.dropdown-messages-box img.img-circle {
    width: 38px;
    height: 38px;
}

.feed-element .well {
    border: 1px solid #e7eaec;
    box-shadow: none;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 10px 20px;
    font-size: 11px;
    line-height: 16px;
}

.feed-element .actions {
    margin-top: 10px;
}

.feed-element .photos {
    margin: 10px 0;
}

.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}


/* MAILBOX */

.mail-box {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    border-top: 0;
    padding: 0px;
    margin-bottom: 20px;
}

.mail-box-header {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    border-bottom: 0;
    padding: 30px 20px 20px 20px;
}

.mail-box-header h2 {
    margin-top: 0px;
}

.mailbox-content .tag-list li a {
    background: #ffffff;
}

.mail-body {
    border-top: 1px solid #e7eaec;
    padding: 20px;
}

.mail-text {
    border-top: 1px solid #e7eaec;
}

.mail-text .note-toolbar {
    padding: 10px 15px;
}

.mail-body .form-group {
    margin-bottom: 5px;
}

.mail-text .note-editor .note-toolbar {
    background-color: #F9F8F8;
}

.mail-attachment {
    border-top: 1px solid #e7eaec;
    padding: 20px;
    font-size: 12px;
}

.mailbox-content {
    background: none;
    border: none;
    padding: 10px;
}

.mail-ontact {
    width: 23%;
}


/* PROJECTS */

.project-people,
.project-actions {
    text-align: right;
    vertical-align: middle;
}

dd.project-people {
    text-align: left;
    margin-top: 5px;
}

.project-people img {
    width: 32px;
    height: 32px;
}

.project-title a {
    font-size: 14px;
    color: #676a6c;
    font-weight: 600;
}

.project-list table tr td {
    border-top: none;
    border-bottom: 1px solid #e7eaec;
    padding: 15px 10px;
    vertical-align: middle;
}

.project-manager .tag-list li a {
    font-size: 10px;
    background-color: white;
    padding: 5px 12px;
    color: inherit;
    border-radius: 2px;
    border: 1px solid #e7eaec;
    margin-right: 5px;
    margin-top: 5px;
    display: block;
}

.project-files li a {
    font-size: 11px;
    color: #676a6c;
    margin-left: 10px;
    line-height: 22px;
}


/* FAQ */

.faq-item {
    padding: 20px;
    margin-bottom: 2px;
    background: #fff;
}

.faq-question {
    font-size: 18px;
    font-weight: 600;
    color: #1ab394;
    display: block;
}

.faq-question:hover {
    color: #179d82;
}

.faq-answer {
    margin-top: 10px;
    background: #f3f3f4;
    border: 1px solid #e7eaec;
    border-radius: 3px;
    padding: 15px;
}

.faq-item .tag-item {
    background: #f3f3f4;
    padding: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}


/* Chat view */

.message-input {
    height: 90px !important;
}

.chat-avatar {
    white: 36px;
    height: 36px;
    float: left;
    margin-right: 10px;
}

.chat-user-name {
    padding: 10px;
}

.chat-user {
    padding: 8px 10px;
    border-bottom: 1px solid #e7eaec;
}

.chat-user a {
    color: inherit;
}

.chat-view {
    z-index: 20012;
}

.chat-users,
.chat-statistic {
    margin-left: -30px;
}

@media (max-width: 992px) {
    .chat-users,
    .chat-statistic {
        margin-left: 0px;
    }
}

.chat-view .ibox-content {
    padding: 0;
}

.chat-message {
    padding: 10px 20px;
}

.message-avatar {
    height: 48px;
    width: 48px;
    border: 1px solid #e7eaec;
    border-radius: 4px;
    margin-top: 1px;
}

.chat-discussion .chat-message:nth-child(2n+1) .message-avatar {
    float: left;
    margin-right: 10px;
}

.chat-discussion .chat-message:nth-child(2n) .message-avatar {
    float: right;
    margin-left: 10px;
}

.message {
    background-color: #fff;
    border: 1px solid #e7eaec;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}

.chat-discussion .chat-message:nth-child(2n+1) .message-date {
    float: right;
}

.chat-discussion .chat-message:nth-child(2n) .message-date {
    float: left;
}

.chat-discussion .chat-message:nth-child(2n+1) .message {
    text-align: left;
    margin-left: 55px;
}

.chat-discussion .chat-message:nth-child(2n) .message {
    text-align: right;
    margin-right: 55px;
}

.message-date {
    font-size: 10px;
    color: #888888;
}

.message-content {
    display: block;
}

.chat-discussion {
    background: #eee;
    padding: 15px;
    height: 400px;
    overflow-y: auto;
}

.chat-users {
    overflow-y: auto;
    height: 400px;
}

.chat-message-form .form-group {
    margin-bottom: 0;
}


/* jsTree */

.jstree-open > .jstree-anchor > .fa-folder:before {
    content: "\f07c";
}

.jstree-default .jstree-icon.none {
    width: 0;
}


/* CLIENTS */

.clients-list {
    margin-top: 20px;
}

.clients-list .tab-pane {
    position: relative;
    height: 600px;
}

.client-detail {
    position: relative;
    height: 620px;
}

.clients-list table tr td {
    height: 46px;
    vertical-align: middle;
    border: none;
}

.client-link {
    font-weight: 600;
    color: inherit;
}

.client-link:hover {
    color: inherit;
}

.client-avatar {
    width: 42px;
}

.client-avatar img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.contact-type {
    width: 20px;
    color: #c1c3c4;
}

.client-status {
    text-align: left;
}

.client-detail .vertical-timeline-content p {
    margin: 0;
}

.client-detail .vertical-timeline-icon.gray-bg {
    color: #a7aaab;
}

.clients-list .nav-tabs > li.active > a,
.clients-list .nav-tabs > li.active > a:hover,
.clients-list .nav-tabs > li.active > a:focus {
    border-bottom: 1px solid #fff;
}


/* BLOG ARTICLE */

.blog h2 {
    font-weight: 700;
}

.blog h5 {
    margin: 0 0 5px 0;
}

.blog .btn {
    margin: 0 0 5px 0;
}

.article h1 {
    font-size: 48px;
    font-weight: 700;
    color: #2F4050;
}

.article p {
    font-size: 15px;
    line-height: 26px;
}

.article-title {
    text-align: center;
    margin: 60px 0 40px 0;
}

.article .ibox-content {
    padding: 40px;
}


/* ISSUE TRACKER */

.issue-tracker .btn-link {
    color: #1ab394;
}

table.issue-tracker tbody tr td {
    vertical-align: middle;
    height: 50px;
}

.issue-info {
    width: 50%;
}

.issue-info a {
    font-weight: 600;
    color: #676a6c;
}

.issue-info small {
    display: block;
}


/* TEAMS */

.team-members {
    margin: 10px 0;
}

.team-members img.img-circle {
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
}


/* AGILE BOARD */

.sortable-list {
    padding: 10px 0;
}

.agile-list {
    list-style: none;
    margin: 0;
}

.agile-list li {
    background: #FAFAFB;
    border: 1px solid #e7eaec;
    margin: 0px 0 10px 0;
    padding: 10px;
    border-radius: 2px;
}

.agile-list li:hover {
    cursor: pointer;
    background: #fff;
}

.agile-list li.warning-element {
    border-left: 3px solid #f8ac59;
}

.agile-list li.danger-element {
    border-left: 3px solid #ed5565;
}

.agile-list li.info-element {
    border-left: 3px solid #1c84c6;
}

.agile-list li.success-element {
    border-left: 3px solid #1ab394;
}

.agile-detail {
    margin-top: 5px;
    font-size: 12px;
}


/* DIFF */

ins {
    background-color: #c6ffc6;
    text-decoration: none;
}

del {
    background-color: #ffc6c6;
}

#small-chat {
    position: fixed;
    bottom: 50px;
    right: 26px;
    z-index: 100;
}

#small-chat .badge {
    position: absolute;
    top: -3px;
    right: -4px;
}

.open-small-chat {
    height: 38px;
    width: 38px;
    display: block;
    background: #1ab394;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}

.open-small-chat:hover {
    color: white;
    background: #1ab394;
}

.small-chat-box {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 80px;
    background: #fff;
    border: 1px solid #e7eaec;
    width: 230px;
    height: 320px;
    border-radius: 4px;
}

.small-chat-box.ng-small-chat {
    display: block;
}

.body-small .small-chat-box {
    bottom: 70px;
    right: 20px;
}

.small-chat-box.active {
    display: block;
}

.small-chat-box .heading {
    background: #2f4050;
    padding: 8px 15px;
    font-weight: bold;
    color: #fff;
}

.small-chat-box .chat-date {
    opacity: 0.6;
    font-size: 10px;
    font-weight: normal;
}

.small-chat-box .content {
    padding: 15px 15px;
}

.small-chat-box .content .author-name {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 11px;
}

.small-chat-box .content > div {
    padding-bottom: 20px;
}

.small-chat-box .content .chat-message {
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 14px;
    max-width: 80%;
    background: #f3f3f4;
    margin-bottom: 10px;
}

.small-chat-box .content .chat-message.active {
    background: #1ab394;
    color: #fff;
}

.small-chat-box .content .left {
    text-align: left;
    clear: both;
}

.small-chat-box .content .left .chat-message {
    float: left;
}

.small-chat-box .content .right {
    text-align: right;
    clear: both;
}

.small-chat-box .content .right .chat-message {
    float: right;
}

.small-chat-box .form-chat {
    padding: 10px 10px;
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-rotating-plane"></div>
 *
 */

.sk-spinner-rotating-plane.sk-spinner {
    width: 30px;
    height: 30px;
    background-color: #1ab394;
    margin: 0 auto;
    -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
    animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes sk-rotatePlane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-double-bounce">
 *      <div class="sk-double-bounce1"></div>
 *      <div class="sk-double-bounce2"></div>
 *    </div>
 *
 */

.sk-spinner-double-bounce.sk-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}

.sk-spinner-double-bounce .sk-double-bounce1,
.sk-spinner-double-bounce .sk-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #1ab394;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out;
}

.sk-spinner-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-doubleBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wave">
 *      <div class="sk-rect1"></div>
 *      <div class="sk-rect2"></div>
 *      <div class="sk-rect3"></div>
 *      <div class="sk-rect4"></div>
 *      <div class="sk-rect5"></div>
 *    </div>
 *
 */

.sk-spinner-wave.sk-spinner {
    margin: 0 auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

.sk-spinner-wave div {
    background-color: #1ab394;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sk-waveStretchDelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wandering-cubes">
 *      <div class="sk-cube1"></div>
 *      <div class="sk-cube2"></div>
 *    </div>
 *
 */

.sk-spinner-wandering-cubes.sk-spinner {
    margin: 0 auto;
    width: 32px;
    height: 32px;
    position: relative;
}

.sk-spinner-wandering-cubes .sk-cube1,
.sk-spinner-wandering-cubes .sk-cube2 {
    background-color: #1ab394;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
    animation: sk-wanderingCubeMove 1.8s infinite ease-in-out;
}

.sk-spinner-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        /* Hack to make FF rotate in the right direction */
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes sk-wanderingCubeMove {
    25% {
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
        transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        /* Hack to make FF rotate in the right direction */
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
        transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */

.sk-spinner-pulse.sk-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-chasing-dots">
 *      <div class="sk-dot1"></div>
 *      <div class="sk-dot2"></div>
 *    </div>
 *
 */

.sk-spinner-chasing-dots.sk-spinner {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear;
}

.sk-spinner-chasing-dots .sk-dot1,
.sk-spinner-chasing-dots .sk-dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-spinner-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-three-bounce">
 *      <div class="sk-bounce1"></div>
 *      <div class="sk-bounce2"></div>
 *      <div class="sk-bounce3"></div>
 *    </div>
 *
 */

.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}

.sk-spinner-three-bounce div {
    width: 18px;
    height: 18px;
    background-color: #1ab394;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-threeBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */

.sk-spinner-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative;
}

.sk-spinner-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-spinner-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 20%;
    height: 20%;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-spinner-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-spinner-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-spinner-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-spinner-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-spinner-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-spinner-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-spinner-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-spinner-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-spinner-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-spinner-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-spinner-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-spinner-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-spinner-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-spinner-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-spinner-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-spinner-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-spinner-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-spinner-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-cube-grid">
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *      <div class="sk-cube"></div>
 *    </div>
 *
 */

.sk-spinner-cube-grid {
    /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}

.sk-spinner-cube-grid.sk-spinner {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.sk-spinner-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #1ab394;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-spinner-cube-grid .sk-cube:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(4) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(6) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(7) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(8) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-spinner-cube-grid .sk-cube:nth-child(9) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-wordpress">
 *      <span class="sk-inner-circle"></span>
 *    </div>
 *
 */

.sk-spinner-wordpress.sk-spinner {
    background-color: #1ab394;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    margin: 0 auto;
    -webkit-animation: sk-innerCircle 1s linear infinite;
    animation: sk-innerCircle 1s linear infinite;
}

.sk-spinner-wordpress .sk-inner-circle {
    display: block;
    background-color: #fff;
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 8px;
    top: 5px;
    left: 5px;
}

@-webkit-keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-innerCircle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*
 *  Usage:
 *
 *    <div class="sk-spinner sk-spinner-fading-circle">
 *      <div class="sk-circle1 sk-circle"></div>
 *      <div class="sk-circle2 sk-circle"></div>
 *      <div class="sk-circle3 sk-circle"></div>
 *      <div class="sk-circle4 sk-circle"></div>
 *      <div class="sk-circle5 sk-circle"></div>
 *      <div class="sk-circle6 sk-circle"></div>
 *      <div class="sk-circle7 sk-circle"></div>
 *      <div class="sk-circle8 sk-circle"></div>
 *      <div class="sk-circle9 sk-circle"></div>
 *      <div class="sk-circle10 sk-circle"></div>
 *      <div class="sk-circle11 sk-circle"></div>
 *      <div class="sk-circle12 sk-circle"></div>
 *    </div>
 *
 */

.sk-spinner-fading-circle.sk-spinner {
    margin: 0 auto;
    width: 22px;
    height: 22px;
    position: relative;
}

.sk-spinner-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-spinner-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 18%;
    height: 18%;
    background-color: #1ab394;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.sk-spinner-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-spinner-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-spinner-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-spinner-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-spinner-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-spinner-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-spinner-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-spinner-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-spinner-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-spinner-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-spinner-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-spinner-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-spinner-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-spinner-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-spinner-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-spinner-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-spinner-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-spinner-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-spinner-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-spinner-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-spinner-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-spinner-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

body.rtls {
    /* Theme config */
}

body.rtls #page-wrapper {
    margin: 0 220px 0 0;
}

body.rtls .nav-second-level li a {
    padding: 7px 35px 7px 10px;
}

body.rtls .ibox-title h5 {
    float: right;
}

body.rtls .pull-right {
    float: left !important;
}

body.rtls .pull-left {
    float: right !important;
}

body.rtls .ibox-tools {
    float: left;
}

body.rtls .stat-percent {
    float: left;
}

body.rtls .navbar-right {
    float: left !important;
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 40px;
    margin-right: 0;
}

body.rtls .minimalize-styl-2 {
    float: right;
    margin: 14px 20px 5px 5px;
}

body.rtls .feed-element > .pull-left {
    margin-left: 10px;
    margin-right: 0;
}

body.rtls .timeline-item .date {
    text-align: left;
}

body.rtls .timeline-item .date i {
    left: 0;
    right: auto;
}

body.rtls .timeline-item .content {
    border-right: 1px solid #e7eaec;
    border-left: none;
}

body.rtls .toast-close-button {
    float: left;
}

body.rtls #toast-container > .toast:before {
    margin: auto -1.5em auto 0.5em;
}

body.rtls #toast-container > div {
    padding: 15px 50px 15px 15px;
}

body.rtls .center-orientation .vertical-timeline-icon i {
    margin-left: 0;
    margin-right: -12px;
}

body.rtls .vertical-timeline-icon i {
    right: 50%;
    left: auto;
    margin-left: auto;
    margin-right: -12px;
}

body.rtls .file-box {
    float: right;
}

body.rtls ul.notes li {
    float: right;
}

body.rtls .chat-users,
body.rtls .chat-statistic {
    margin-right: -30px;
    margin-left: auto;
}

body.rtls .dropdown-menu > li > a {
    text-align: right;
}

body.rtls .b-r {
    border-left: 1px solid #e7eaec;
    border-right: none;
}

body.rtls .dd-list .dd-list {
    padding-right: 30px;
    padding-left: 0;
}

body.rtls .dd-item > button {
    float: right;
}

body.rtls .skin-setttings {
    margin-right: 40px;
    margin-left: 0;
}

body.rtls .skin-setttings {
    direction: ltr;
}

body.rtls .footer.fixed {
    margin-right: 220px;
    margin-left: 0;
}

@media (max-width: 992px) {
    body.rtls .chat-users,
    body.rtls .chat-statistic {
        margin-right: 0px;
    }
}

body.rtls.mini-navbar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
    margin: 0 70px 0 0;
}

body.rtls.mini-navbar.fixed-sidebar .footer.fixed,
body.body-small.mini-navbar .footer.fixed {
    margin: 0 0 0 0;
}

body.rtls.top-navigation .navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: 15px;
}

.body-small.rtls.top-navigation .navbar-header {
    float: none;
}

body.rtls.top-navigation #page-wrapper {
    margin: 0;
}

body.rtls.mini-navbar #page-wrapper {
    margin: 0 70px 0 0;
}

body.rtls.mini-navbar.fixed-sidebar #page-wrapper {
    margin: 0 0 0 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper {
    margin: 0 220px 0 0;
}

body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
    width: 220px;
}

.body-small.rtls .navbar-fixed-top {
    margin-right: 0px;
}

.body-small.rtls .navbar-header {
    float: right;
}

body.rtls .navbar-top-links li:last-child {
    margin-left: 20px;
}

body.rtls .top-navigation #page-wrapper,
body.rtls.mini-navbar .top-navigation #page-wrapper,
body.rtls.mini-navbar.top-navigation #page-wrapper {
    margin: 0;
}

body.rtls .top-navigation .footer.fixed,
body.rtls.top-navigation .footer.fixed {
    margin: 0;
}

@media (max-width: 768px) {
    body.rtls .navbar-top-links li:last-child {
        margin-left: 20px;
    }
    .body-small.rtls #page-wrapper {
        position: inherit;
        margin: 0 0 0 0px;
        min-height: 1000px;
    }
    .body-small.rtls .navbar-static-side {
        display: none;
        z-index: 2001;
        position: absolute;
        width: 70px;
    }
    .body-small.rtls.mini-navbar .navbar-static-side {
        display: block;
    }
    .rtls.fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }
    .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
}

.rtls .ltr-support {
    direction: ltr;
}


/*
 *
 *   This is style for skin config
 *   Use only in demo theme
 *
*/

.skin-setttings .title {
    background: #efefef;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
}

.setings-item {
    padding: 10px 30px;
}

.setings-item.nb {
    border: none;
}

.setings-item.skin {
    text-align: center;
}

.setings-item .switch {
    float: right;
}

.skin-name a {
    text-transform: uppercase;
}

.setings-item a {
    color: #fff;
}

.default-skin,
.blue-skin,
.ultra-skin,
.yellow-skin {
    text-align: center;
}

.default-skin {
    font-weight: 600;
    background: #1ab394;
}

.default-skin:hover {
    background: #199d82;
}

.blue-skin {
    font-weight: 600;
    background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0;
}

.blue-skin:hover {
    background: #0d8ddb;
}

.yellow-skin {
    font-weight: 600;
    background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%;
}

.yellow-skin:hover {
    background: #ce8735;
}
.page-tabs a {
    color: #999;
}

.page-tabs a i {
    color: #ccc;
}

.page-tabs a.active {
    background:#2f4050!important;
    color:#fff;
}

.page-tabs a.active:hover,
{
    background: #293846;
    color: #fff!important;
}


/*
 *
 *   SKIN 1 - H+ - 后台主题UI框架
 *   NAME - Blue light
 *
*/

.skin-1 .minimalize-styl-2 {
    margin: 14px 5px 5px 30px;
}

.skin-1 .navbar-top-links li:last-child {
    margin-right: 30px;
}

.skin-1.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.skin-1 .spin-icon {
    background: #0e9aef !important;
}

.skin-1 .nav-header {
    background: #0e9aef;
    background: url('patterns/header-profile-skin-1.png');
}

.skin-1.mini-navbar .nav-second-level {
    background: #3e495f;
}

.skin-1 .breadcrumb {
    background: transparent;
}

.skin-1 .page-heading {
    border: none;
}

.skin-1 .nav > li.active {
    background: #3a4459;
}

.skin-1 .nav > li > a {
    color: #fff;
}

.skin-1 .nav > li.active > a {
    color: #fff;
}

.skin-1 .navbar-minimalize {
    background: #0e9aef;
    border-color: #0e9aef;
}

body.skin-1 {
    background: #3e495f;
}

.skin-1 .navbar-static-top {
    background:#4e97d9;
}

.skin-1 .dashboard-header {
    background: transparent;
    border-bottom: none !important;
    border-top: none;
    padding: 20px 30px 10px 30px;
}

.fixed-nav.skin-1 .navbar-fixed-top {
    background: #fff;
}

.skin-1 .wrapper-content {
    padding: 30px 15px;
}

.skin-1 #page-wrapper {
    background: #f4f6fa;
}

.skin-1 .ibox-title,
.skin-1 .ibox-content {
    border-width: 1px;
}

.skin-1 .ibox-content:last-child {
    border-style: solid solid solid solid;
}

.skin-1 .nav > li.active {
    border: none;
}

.skin-1 .nav-header {
    padding: 35px 25px 25px 25px;
}

.skin-1 .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px;
}

.skin-1 .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: 0.8;
}

.skin-1 .profile-element {
    text-align: center;
}

.skin-1 .img-circle {
    border-radius: 5px;
}

.skin-1 .navbar-default .nav > li > a:hover,
.skin-1 .navbar-default .nav > li > a:focus {
    background: #39aef5;
    color: #fff;
}

.skin-1 .nav.nav-tabs > li.active > a {
    color: #555;
}

.skin-1 .content-tabs {

}

.skin-1 .nav.nav-tabs > li.active {
    background: transparent;
}

.skin-1 .page-tabs a.active {
    background: #39aef5;
    color:#76838f;
}

.skin-1 .page-tabs a.active:hover,
.skin-1 .page-tabs a.active i:hover {
    background: #0e9aef;
}


/*
 *
 *   SKIN 3 - H+ - 后台主题UI框架
 *   NAME - Yellow/purple
 *
*/

.skin-3 .minimalize-styl-2 {
    margin: 14px 5px 5px 30px;
}

.skin-3 .navbar-top-links li:last-child {
    margin-right: 30px;
}

.skin-3.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.skin-3 .spin-icon {
    background: #ecba52 !important;
}

body.boxed-layout.skin-3 #wrapper {
    background: #3e2c42;
}

.skin-3 .nav-header {
    background: #ecba52;
    background: url('patterns/header-profile-skin-3.png');
}

.skin-3.mini-navbar .nav-second-level {
    background: #3e2c42;
}

.skin-3 .breadcrumb {
    background: transparent;
}

.skin-3 .page-heading {
    border: none;
}

.skin-3 .nav > li.active {
    background: #38283c;
}

.fixed-nav.skin-3 .navbar-fixed-top {
    background: #fff;
}

.skin-3 .nav > li > a {
    color: #fff;
}
.skin-3 .nav>li>a:focus,.skin-3 .nav>li>a:hover,
.skin-3 .nav>li>a:active{
	background: #d2992b!important;
}
.skin-3  .nav .open>a,.skin-3  .nav .open>a:focus,.skin-3  .nav .open>a:hover{
	background: #d2992b!important;
}
.skin-3 .nav > li.active > a {
    color: #fff;
}

.skin-3 .navbar-minimalize {
    background: #ecba52;
    border-color: #ecba52;
}

body.skin-3 {
    background: #3e2c42;
}

.skin-3 .navbar-static-top {
    background: #e4a62e;
}

.skin-3 .dashboard-header {
    background: transparent;
    border-bottom: none !important;
    border-top: none;
    padding: 20px 30px 10px 30px;
}

.skin-3 .wrapper-content {
    padding: 30px 15px;
}

.skin-3 #page-wrapper {
    background: #f4f6fa;
}

.skin-3 .ibox-title,
.skin-3 .ibox-content {
    border-width: 1px;
}

.skin-3 .ibox-content:last-child {
    border-style: solid solid solid solid;
}

.skin-3 .nav > li.active {
    border: none;
}

.skin-3 .nav-header {
    padding: 35px 25px 25px 25px;
}

.skin-3 .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px;
}

.skin-3 .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: 0.8;
}

.skin-3 .profile-element {
    text-align: center;
}

.skin-3 .img-circle {
    border-radius: 5px;
}

.skin-3 .navbar-default .nav > li > a:hover,
.skin-3 .navbar-default .nav > li > a:focus {
    background: #38283c;
    color: #fff;
}

.skin-3 .nav.nav-tabs > li.active > a {
    color: #555;
}

.skin-3 .nav.nav-tabs > li.active {
    background: transparent;
}

.skin-3 .content-tabs {
	color: #0e9aef;
}

.skin-3 .nav.nav-tabs > li.active {
    background: transparent;
}

@media (min-width: 768px) {
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    body.fixed-sidebar .navbar-static-side {
        display: none;
    }
    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 70px;
    }
    .lock-word {
        display: none;
    }
    .navbar-form-custom {
        display: none;
    }
    .navbar-header {
        display: inline;
        float: left;
    }
    .sidebard-panel {
        z-index: 2;
        position: relative;
        width: auto;
        min-height: 100% !important;
    }
    .sidebar-content .wrapper {
        padding-right: 0px;
        z-index: 1;
    }
    .fixed-sidebar.body-small .navbar-static-side {
        display: none;
        z-index: 2001;
        position: fixed;
        width: 220px;
    }
    .fixed-sidebar.body-small.mini-navbar .navbar-static-side {
        display: block;
    }
    .ibox-tools {
        float: none;
        text-align: right;
        display: block;
    }
    .content-tabs {
        display: none;
    }
    #content-main {
        height: calc(100% - 100px);
    }
    .fixed-nav #content-main {
        height: calc(100% - 38px);
    }
}

.navbar-static-side {
    background:#263238;
}

.nav-close {
    padding: 10px;
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 1.4em;
    cursor: pointer;
    z-index: 10;
    display: none;
    color: rgba(255, 255, 255, .3);
}

@media (max-width: 350px) {
    body.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 0;
    }
    .nav-close {
        display: block;
    }
    #page-wrapper {
        margin-left: 0!important;
    }
    .timeline-item .date {
        text-align: left;
        width: 110px;
        position: relative;
        padding-top: 30px;
    }
    .timeline-item .date i {
        position: absolute;
        top: 0;
        left: 15px;
        padding: 5px;
        width: 30px;
        text-align: center;
        border: 1px solid #e7eaec;
        background: #f8f8f8;
    }
    .timeline-item .content {
        border-left: none;
        border-top: 1px solid #e7eaec;
        padding-top: 10px;
        min-height: 100px;
    }
    .nav.navbar-top-links li.dropdown {
        display: none;
    }
    .ibox-tools {
        float: none;
        text-align: left;
        display: inline-block;
    }
}


/*JQGRID*/

.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 24px;
    color: #676a6c;
    background-color: #F9F9F9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin-left: 5px;
    font-weight: 700;
}

.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 0px solid;
    border-right: 0px solid;
    border-top: 0px solid;
}


/* Social feed */

.social-feed-separated .social-feed-box {
    margin-left: 62px;
}

.social-feed-separated .social-avatar {
    float: left;
    padding: 0;
}

.social-feed-separated .social-avatar img {
    width: 52px;
    height: 52px;
    border: 1px solid #e7eaec;
}

.social-feed-separated .social-feed-box .social-avatar {
    padding: 15px 15px 0 15px;
    float: none;
}

.social-feed-box {
    /*padding: 15px;*/
    border: 1px solid #e7eaec;
    background: #fff;
    margin-bottom: 15px;
}

.article .social-feed-box {
    margin-bottom: 0;
    border-bottom: none;
}

.article .social-feed-box:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #e7eaec;
}

.article .social-feed-box p {
    font-size: 13px;
    line-height: 18px;
}

.social-action {
    margin: 15px;
}

.social-avatar {
    padding: 15px 15px 0 15px;
}

.social-comment .social-comment {
    margin-left: 45px;
}

.social-avatar img {
    height: 40px;
    width: 40px;
    margin-right: 10px;
}

.social-avatar .media-body a {
    font-size: 14px;
    display: block;
}

.social-body {
    padding: 15px;
}

.social-body img {
    margin-bottom: 10px;
}

.social-footer {
    border-top: 1px solid #e7eaec;
    padding: 10px 15px;
    background: #f9f9f9;
}

.social-footer .social-comment img {
    width: 32px;
    margin-right: 10px;
}

.social-comment:first-child {
    margin-top: 0;
}

.social-comment {
    margin-top: 15px;
}

.social-comment textarea {
    font-size: 12px;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-top: -4px;
}


/* Only demo */

@media (max-width: 1000px) {
    .welcome-message {
        display: none;
    }
}


/* ECHARTS  */

.echarts {
    height: 240px;
}

.checkbox-inline,
.radio-inline,
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin: 0 15px 0 0;
}

.navbar-toggle {
    background-color: #fff;
}

.J_menuTab {
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}


/*GO HOME*/

.gohome {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.gohome a {
    height: 38px;
    width: 38px;
    display: block;
    background: #2f4050;
    padding: 9px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    opacity: .5;
}

.gohome a:hover {
    opacity: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio : 2){
    #content-main {
        -webkit-overflow-scrolling: touch;
    }
}

.navbar-header {
    width: 100%;
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ab394;
}

@media (min-width: 768px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0
    }
    .bs-glyphicons li {
        width: 12.5%;
        font-size: 12px
    }
}
/* new sectab */
.page-aside {
    width:100%;
    overflow-y:auto;
    background: #fff;
    border-right: 1px solid #e4eaec;
    -webkit-transition: visibility .1s ease,top .3s ease,left .5s ease;
    -o-transition: visibility .1s ease,top .3s ease,left .5s ease;
    transition: visibility .1s ease,top .3s ease,left .5s ease;
    color: #76838f;
}
.page-aside-inner{
	height: 100%;
}
.page-aside-section {
    position: relative;
}
.page-aside-section:first-child {
    padding-top: 11px;
}
.page-aside .list-group {
    margin-bottom: 0px;
}
.page-aside .list-group-item {
    padding: 13px 20px;
    margin-bottom: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    line-height: 41.3px;
}
.page-aside .list-group-item:hover{
	background:rgba(243,247,249,.5);
	color:#62a8ea;
}
.page-aside-section:after {
    position: relative;
    display: block;
    content: "";
    border-bottom: 1px solid #e4eaec;
}
.page-aside .list-group-item.active,
.page-aside .list-group-item.active:hover,
.page-aside .list-group-item.active:focus{
	color: #62a8ea;
    background-color:transparent;
    border-color: transparent;
}
.page-aside .list-group-item.active:hover,
.page-aside .list-group-item.active:focus{
	color: #62a8ea;
    background-color: rgba(243,247,249,.5);
    border-color: transparent;
}
.page-aside .list-group-item .item-right {
    float: right;
}
.page-aside .list-group-item .item-rightico{
    float: right;
    font-size:30px;
    margin-right: 10px;
    display: none;
}
.page-aside .list-group-item:hover .item-rightico{
    float: right;
    font-size: 28px;
    display: block;
}
.page-aside .list-group-item:hover .item-rightico:hover{
    float: right;
    font-size:30px;
    margin-right: 10px;
    display: block;
    color: #62a8ea;
}
.page-aside .list-group-item:hover .item-right{
    display: none;
}
.page-aside .list-group-item.active:hover .item-right{
    display: block;
}
.page-aside .list-group-item .item-left{
	float: left;
	font-size: 30px;
	margin-right: 10px;
	color: #a3afb7;
}
.page-aside-title {
    padding: 10px 20px;
    overflow: hidden;
    font-weight: 400;
    color: #526069;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}
.table-box{
	height: 100%;
	padding-left: 1.5%;
}
.checkbox-primary input[type=checkbox]:checked+label::before, .checkbox-primary input[type=radio]:checked+label::before {
    background-color: #62a8ea;
    border-color: #62a8ea;
}
.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    float: left;
}
.checkbox-custom input[type=checkbox]:checked+label::before, .checkbox-custom input[type=radio]:checked+label::before {
    border-color: #62a8ea;
    border-width: 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.checkbox-custom label i{
	position: relative;
	z-index: 999;
	margin-right: 1.3px;
	font-weight: 600;
	color: #fff;
}
.checkbox-custom input{
	position: absolute;
	width: 100%;
	right: 0;
	opacity: 0;
	z-index: 999999;
	height: 100%;
}
.checkbox-custom label:before {
    content: "";
    position: absolute;
    right: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -20px;
    background-color: #fff;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.slimScrollDiv{
	position: relative;
    overflow: auto;
    width: auto;
    height: 100%;
}
.slimScrollDiv .menu-info{
	padding:10px;
}
.slimScrollDiv .menu-info h1{
	font-weight: normal;
	font-size: 24px;
	line-height:2.5 ;
	border-bottom: 1px solid rgb(228, 234, 236);
}
.slimScrollDiv .menu-info h1 span{
	float: right;
	line-height:3.2;
	font-size:18px;
	cursor: pointer;
}
.slimScrollDiv .menu-info>p{
	font-size: 18px;
	margin-bottom: 15px;
}
.input-group{
	height:40px;
	border-radius:5px;
	width: 100%;
	border: 1px solid rgb(228, 234, 236);
}
.input-group .icontab{
	height: inherit;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-right: 1px solid rgb(228, 234, 236);
	float: left;
	line-height: 40px;
	font-size: 24px;
	padding: 0 12px;
	cursor: pointer;
    color: #76838f
}
.input-group .iconinput{
	float: left;
	width:85%;
	height: 40px;
	border: none;
	padding: 0 15px;
	outline:none
}
.input-group .icontab:hover,.input-group .icontab:focus{
	background: rgba(118,131,143,.1);
}
.add-deletebtn{
	position: fixed;
	bottom: 20px;
	right: 25px;
	z-index: 9999;
}
.add-deletebtn button{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #46be8a;
	border:1px solid #46BE8A;
	color: #fff;
	text-align: center;
	line-height: 56px;
	font-size:30px;
	outline: none;
	display: block;
	margin: 20px 0;
}
.add-deletebtn button.addbtn{
    -webkit-transition: all .5s ;
    -o-transition: all .5s;
    transition: all .5s ; 	
}
.add-deletebtn button.addbtn.active{
	transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transition: all .5s ;
    -o-transition: all .5s;
    transition: all .5s ; 
}
.add-deletebtn button.shanchu{
	display: none;
}
.add-deletebtn button:hover{
	background: #3dcf90;
}
#editable tbody td:nth-last-child(1) span{
	font-size:24px;
	cursor: pointer;
}
#editable tbody td:nth-last-child(1) span:hover{
	color:#4e97d9;
}
.ms-controller{
	display: none;
}
.faild-reason{
	margin-bottom: 15px;
}
.faild-reason .check-box:nth-child(5n-4){
	margin-left: 0;
}
.check-box:nth-child(4){
	margin-left: 5px!important;
}
.check-box:nth-child(5){
	margin-left: 0px!important;
}
.check-box{
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.check-box:nth-child(3n-2){
	margin-left: 0;
}
.check-box p{
	float:left;
	margin-left: 5px;
}
.warpper-list{
	padding-top:0 ;
	background: #fff;
}
.warp-select{
	padding: 20px;
}
.yanzheng.active{
	color: #ed5565;
}
.notnull{
	color: #ed5565;
	padding-left:27.5%;
	display: none;
}
.notnull span{
	margin-right:5px;
}
.dataTables-example thead th{
	text-align: center;
	background:#55585a!important;
	color: #fff;
}
.dataTables-example{
	table-layout: fixed;
}
.dataTables-example tbody td.intrdouce{
  word-break:keep-all; 
    white-space:nowrap;
    position: relative;
}  
.dataTables-example tbody td{
	text-align: center;
}
.dataTables-example tbody td .td-show{
	position: absolute;
	width:100%;
	background:#f9f9e1;
	white-space: normal;
	color: #2A2E36;
	padding: 15px;
	border-radius: 8px;
	z-index: 99;
	display:none;
	word-wrap: break-word;
	text-align: left;
	box-sizing: content-box;
}  
.dataTables-example tbody td .td-hover{
	overflow:hidden;  
    text-overflow:ellipsis;	
    cursor: pointer;
    
}
.dataTables-example tbody td .td-hover:hover tbody td .td-show{
	display: block;
}
.load-content{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 999;
}
.iboxanmite{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 9999999999;	
}
@media (max-width: 1300px) {
	.dataTables-example .btn{
			margin-left: 2px!important;
	}
}
.schoolindex{
	background:url('../img/beijing.jpg') no-repeat bottom;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	padding: 44px 100px;
	position: relative;
	
}
.schoolindex h1.title{
	font-size: 20px;
	padding: 11px 0;
	color: #2a2a2a;
	position: relative;
	text-align: left;
}
.schoolindex h1.title:after{
	content: "";
	position: absolute;
	width:15%;
	height: 4px;
	background: #deb137;
	bottom: 0;
	left: 0;
}
.schoolindex h1.sectitle{
	color: #deb137;
	font-size: 20px;
	line-height:30px;
}
.schoolindex h1.sectitle span{
	font-size: 26px;
}
.schoolindex p.content{
	font-size: 14px;
	color: #595959;
	margin-top: 43px;
	line-height:40px;
	padding: 0 70px;
	
}
.schoolindex .logo-content{
	text-align: center;
	position:absolute;
	right: 0;
	top: 0;
}
.schoolindex .logo-content img{
	width:80px;
	height:80px;
	margin: 0 auto;
}
.schoolindex .logo-content p.text{
	font-size:24px;
	color: #fff;
	margin-top: 15px;
}
.filpup-img{
}
.filpup-img img{
	width: 100px;
	height: 100px;
}
.schooltab{
	background: #4e97d9;	
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;	
	z-index: 99;
}
.schooltab .school-tab{
	line-height:50px;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
.schooldropdown a{color: #2A2A2A!important;}
.schooltab .school-tab .tab-list{
	position: relative;
	cursor: pointer;
	float: left;
	padding: 0 20px;
}
.schooltab .school-tab .tab-lists{
	position: relative;
	cursor: pointer;
	float: left;
	padding: 0 20px;
	display: none;
}
.schooltab .school-tab .tab-lists a{
	color: #fff;
}
.schooltab .school-tab .tab-lists a:hover{
	text-decoration: none;
}
.schooltab .school-tab .tab-list.active:after{
	position: absolute;
	content: "";
	border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    bottom: -1px;
    left: 45%;
}
.school-content{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:50px 0;
	background-size: 100% 100%; 
}
.school-content .content-box{
	height: 100%;
	background:#d7e9f8;
	background-size:100% ;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
}
.school-content iframe{
	width: 100%;
	height: 100%;
	display: none;
}
.schoolborder{
		padding: 20px 0;
	position: relative;
}
.schoolborder:before{
	position: absolute;
	width: 30%;
	content: "";
	background: #77b7ee;
	height: 2px;
	left: 0;
	top: 0;
}
.schoolborder:after{
	position: absolute;
	width: 30%;
	content: "";
	background: #77b7ee;
	height: 2px;
	bottom: 0;
	left: 0;
}
.school-content .content-box .box-title{
	color: #4e97d9;
	font-size: 20px;
	line-height: 50px;
	padding-left: 10%;
	position: relative;
	box-sizing: border-box;
}
.school-content .content-box .box-title:after{
	position: absolute;
	content: "";
	width: 5px;
	height: 80%;
	left: 9%;
	top: 4%;
	background: #4e97d9;
}
.school-content .content-box .box-text{
	width: 40%;
	background: #ffffff;
	font-size: 14px;
	color: #595959;
	padding: 10px;
	line-height: 30px;
	border: 1px solid #77b7ee;
	border-radius: 5px;margin-left: 11%;
	float: left
}
.school-content .content-box .box-img{
	width: 30%;
	float: left;
	margin-left: 20px;
}
.school-content .content-box .box-img img{
	width: 90%;
}
.school-content .content-box .content-list{
	position: relative;
}
.school-content .content-box .content-list .fuzeren{
	padding-left: 10%;
}
.school-content .content-box .content-list .fuzeren img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin-left: 150px;
	float: left;
	margin-top: 12px;
}
.school-content .content-box .content-list .fuzeren .textcont{
	width:40%;
	border: 1px solid #4e97d9;
	padding: 14px;
	float: left;
	margin-left: 50px;
	padding-left: 48px;
	position: relative;
}
.school-content .content-box .content-list .fuzeren .textcont .jieshao{
	position: absolute;
	background:#d7e9f8;
	line-height: 30px;
	left: -46px;
	top: 28.5px;
	text-align: center;
	padding:0 15px;
}
.school-content .content-box .content-list .fuzeren .textcont p{
	color: #494949;
	font-size: 14px;
	text-indent: 25px;
}
.school-foot{
	width: 100%;
	position: fixed;
	line-height: 80px;
	left: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	background: #4e97d9;
	font-size: 16px;
}
.zuzhipop{
	position: fixed;
	left: 70%;
	z-index: 99;
	width: 180px;
	height:180px;
	top: 40%;
	border-radius: 50%;
	border: 10px solid rgba(78,151,217,0.6);
}
.zuzhipop button{
	outline: none;
}
.zuzhipop button.bianji{
	width: 60px;
	position: absolute;
	height: 60px;
	background: #3dcf90;
	border-radius: 50%;
	top:-40px;
	left:45px;
	border: none;
	font-size: 18px;
	color: #FFF;
}
.zuzhipop button.zengjia{
	width: 60px;
	position: absolute;
	height: 60px;
	background: #3dcf90;
	border-radius: 50%;
	top:18px;
	right:-25px;
	border: none;
	font-size: 18px;
	color: #FFF;
}
.zuzhipop button.shanchu{
	width: 60px;
	position: absolute;
	height: 60px;
	background: #3dcf90;
	border-radius: 50%;
	top:18px;
	left:-25px;
	border: none;
	font-size: 18px;
	color: #FFF;
}
.uploadbtn{
	width:50px;
	height:20px;
	border-radius:10px ;
	text-align: center;
	line-height: 20px;
	background: #0055AA;
	font-size: 12px;
	color: #fff;
	margin-right: 20px;
}
.uploadbtns{
	font-size: 20px;
	margin-left: 10px;
}
.uploadbtntext{
	line-height: 40px;
}

.shuitable{
	display: none;
	background: #E7E7E7;
}
.check-boxs{
	float: left;
	margin-right: 12px;
}
.check-boxs p {
    float: left;
    margin-left: 5px;
}
.chanpinserve{
	width: 100%;
	height: 350px;
	background: #fff;
	margin-left: 12%;
	margin-bottom: 15px;
	border-radius: 8px;
	border: 1px solid #4e97d9;
	overflow: hidden;
	padding: 0 !important;
	box-sizing: border-box;
}
.chanpinserve .imgdiv{
	width: 100%;
	height: 170px;
	overflow: hidden;
}
.chanpinserve .imgdiv img{
	width: 100%;
}
.chanpinserve .textdiv{
	padding: 23px 20px;
	color: #494949;
	font-size: 12px;
}
.chanpinserve .textdiv p.title{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}
.chanpinserve .textdiv p.textcont{
	margin: 16px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;	
}
.property {
	width: 100%;
	height: 350px;
	background: #fff;
	margin-left: 12%;
	margin-bottom: 15px;
	border-radius: 8px;
	border: 1px solid #4e97d9;
	padding: 0 !important;
	box-sizing: border-box;
}
.property  .imgdiv{
	width: 100%;
	height: 20px;
	background: #4e98d9;
	border-top-left-radius:8px ;
	border-top-right-radius:8px ;

}
.property  .textdiv{
	padding: 23px 20px;
	color: #494949;
	padding-left: 73px;
	font-size: 12px;
}
.property  .textdiv p{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 15px;
}
.property .imgpos{
	width: 104px;
	height: 144px;
	position: absolute;
	border: 1px solid #edefec;
	padding: 5px;
	background: #fff;
	left: -40px;
	top: 50px;
}
#gongload img{
	max-width:100% ;
}
.property .imgpos span{
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #4e98d7;
	top:-3px;
	left: 45%;
}
.property .imgpos span:after{
	content: "";
	position: absolute;
	height: 30px;
	background: #4e98d7;
	top: -28px;
	width: 2px;
	left:2.2px;
}
.property .imgpos img{
	width: 100%;
	height: 100%;
}
.tabvideo{
	box-shadow: 4px 4px 4px #919ca5;
}
.tabtable th{
	text-align: center;
	line-height: 40px;
}
.tabtable td{
	text-align: center;
	line-height: 40px;
}
.tabtablecontent{
	width: 90%;
	background: #fff;
	border: 1px solid #4e97d9;
	border-bottom-left-radius:8px ;
	border-bottom-right-radius:8px ;
	border-top-left-radius:8px ;	
	border-top-right-radius:8px ;
	overflow: hidden;
	float: left;
}
.tabtable{
 width: 100%;
}
.tabtable thead{
	background: #b2d7f9;
	border-bottom: 1px solid #b5b5b5;
}
.tablebox{
	width: 80%;
	position: relative;
	margin: 0 auto;
}
.tablebox .tableboximg{
	position: absolute;
	width:90px;
	height: 90px;
	border-radius: 50%;
	right: -1%;
	top: 0;
	overflow: hidden;
}
.tablebox .tableboximg img{
	width: 100%;
	height: 100%;
}
.tablebox .pcircle{
	width: 11px;
	height:11px;
	border-radius: 50%;
	background: #fff;
	border: 11px solid #4e97d9;
	float: left;
	margin-top: 25px;
	margin-right: 30px;
	box-sizing: content-box;
	position: relative;
}
.tablebox .pcircle:after{
	content: "";
	position: absolute;
	height: 100px;
	width: 2px;
	background: #4e97d9;
    right: 4px;
    top: 12px;
}
.palnbook{
	width: 85%;
	margin: 0 auto;
}
.palnbook .palnques{
	width: 80%;
	float: left;
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
}
.palnbook .palnques .questit{
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	padding-left: 18px;
	background: #4e97d9;
	cursor: pointer;
}
.palnbook .palnques .questit span{
	float: right;
	margin-right: 20px;
	-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:  all .5s; /* Safari 和 Chrome */
-o-transition:all .5s; /* Opera */
}
.palnbook .palnques .questit span.active{
	transform: rotate(-90deg);
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:  all .5s; /* Safari 和 Chrome */
-o-transition:all .5s; /* Opera */
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 
}
.palnbook .palnques .quescont{
	display: none;
	background: #fff;
	padding: 0 18px;
	color:#767676;
	font-size: 12px;
	padding-bottom: 18px;
}
.palnbook .palnques .quescont .tit{
	line-height: 30px;
	border-bottom: 1px solid #d8d8d8;
	color: #4f4f4f;
}
.palnbook .bookindex{
	width: 31px;
	height: 31px;
	background: #fff;
	color: #4e97d9;
	line-height: 31px;
	font-size: 22px;
	text-align: center;
	border-radius: 50%;
	border: 5px solid #4e97d9;
	float: left;
	box-sizing: content-box;
	margin:0 20px;
	margin-left: 40px;
	
}
.team{
	width: 199px;
	height: 199px;
	background: #fff;
	margin-left: 12%;
	margin-bottom: 15px;
	border-radius: 8px;
	border: 1px solid #4e97d9;
	padding: 0 !important;
	box-sizing: border-box;
	position: relative;
	float: left;
	margin-top: 50px;
}
.team .imgdiv{
	width: 102px;
	height: 102px;
	border-radius: 50%;
	position: absolute;
	top: -51px;
	left: 51px;
	overflow: hidden;
	border: 4px solid #d7e9f8;
}
.team .imgdiv img{
	width: 100%;
	border-radius: 50%;
	border: 1px solid #4e97d9;
	height: 100%;
}
.team .textdiv{
	padding: 23px 20px;
	color: #494949;
	font-size: 12px;
	padding-top: 51px;
}
.team .textdiv p.title{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	color: #282828;
}
.team .textdiv p.textcont{
	margin: 16px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;	
}
.honor{
	height: 158px;
	background: #fff;
	padding: 0!important;
	margin-left: 8%;
	margin-top: 26px;
}
.honor .boximg{
	width: 50%;
	height: 100%;
	float: left
}
.honor .boximg img{
	width: 100%;
	height: 100%;
}
.honor .boxtext{
	color: #363636;
	float: left;
	width: 50%;
}
.honor .boxtext .ico{
	float: left;
	color: #4e97d9;
	font-size:16px;
	line-height: 158px;
	text-align: left;
}
.honor .boxtext .text{
	width: 80%;
	float: left;
}
.honor .boxtext .text p{
	margin-top: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.stage{
	padding-left:18%;
}
.stagecontent p{
	color: #4e97d9;
	font-size: 16px;
	margin-top: 15px;
}
.stagecontent{
	float: left;
	margin-left: 10%;
}
.stagecontent:nth-child(1){
	margin-left: 0;
}
.stagecontent:nth-last-child(1) .stagebox:before{
	border: none;
}
.stagebox{
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	border: 4px solid #b1b1b1;
	box-sizing: content-box;
	position: relative;
}
.stagebox.active{
	border: 4px solid #4e97d9;
}
.stagebox.active:after{
	content: "";
	    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #4e97d9;
    position: absolute;
    bottom: -19.5px;
    left: 4.5px;
}
.stagebox:after{
	content: "";
	    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #b1b1b1;
    position: absolute;
    bottom: -19.5px;
    left: 4.5px;
}
.stagebox:before{
	content: "";
	border-bottom: 2px dashed #4e97d9;
	width: 652%;
	top: 14px;
	left: 28px;
	position: absolute;
}
.school-content .managebox{
	height: 100%;
	background:#fff;
	background-size:100% ;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;	
}
.question{
	background: #21b9bb;
	padding: 20px;
	margin-top: 20px;
	
}
.question:nth-child(1){
	margin-top: 0;
}
.question .quetit{
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}
.question  .quecont p{
	color: #fff;
}
.question .quecontbf{
	display: none;
}
.videoupload{
	height: 200px;
	line-height: 200px;
	text-align: center;
	color: #009900;
	border: 5px solid #E7E7E7
}
.videoupload p{
	font-size: 60px;
}

.videotxt p.txt{
		font-size: 16px;
	color: #2A2A2A;
}
#filed{
	height: 100px;
}
#filed img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.filed{
	height: 100px;
}
.filed img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.emailico{
	font-size: 24px;
	color: #c4c4c4;
}
.quanzi{
	width: 100%;
	position: relative;
	height: 100%;
	background: #f3f3f3;
}
.quanzidetail-box{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}
.quanzi .quanzi-box{
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
.quanzi .quanzi-box .quanzi-head{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 58px;
    padding: 0 20px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
    width: 100%;
}
.quanzi .quanzi-box .quanzi-content{
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.tab-listcontent{
	display: none;
}
.quanzi-content .content-list{
	margin-bottom: 10px;
	position: relative;
	padding: 16px 20px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.quanzi-content .content-list p.comefrom{
	font-size:15px;
	color:#8590a6;
}
.quanzi-content .content-list .list-img{
	position: relative;
	margin-top: 10px;
}
.quanzi-content .content-list .list-img img{
	width: 24px;
	height: 24px;
	float: left;
}
.quanzitab{
	background: #fff;
	line-height: 50px;
	text-align: center;
	border-bottom: 1px solid #E7E7E7;
}
.person-list{
	display: none;
}
.quanzitab p{
	width: 50%;
	float: left;
	cursor:pointer;
	position: relative;
}
.quanzitab p.change:after{
	content:"";
	width: 80px;
	height: 2px;
	bottom: 0;
	left: 42.5%;
	position: absolute;
	background: #8590a6;
}
.quanzi-content .content-list p.title{
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0;
	width: 100%;
	padding-right: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mypersonlist{
	padding-bottom: 10px;
}
.mypersonlist .list-box{
	height: 60px;
	background: #E7E7E7;
}
.mypersonlist .list-box img{
	width: 60px;
	height: 60px;
	float: left;
}
.mypersonlist .list-box p{
	line-height: 60px;
	float: left;
	margin-left:30px;
	font-size:16px;
}
.mypersonlist .list-box button{
	padding: 5px 15px;
	text-align: center;
	background:#0d79d1;
	float: right;
	border: none;
	color: #fff;
	margin-top: 16px;
	margin-right: 8px;
}
.mypersonlist .list-introduce{
	padding-left: 60px;
	padding-top: 20px;
}
.quanzi-content .content-list .other{
	color: #7a8599;
	font-size: 15px;
}
.quanzi-content .content-list .other p span{
	margin-right: 5px;
	font-size: 18px;
}
.quanzi-content .content-list .other p{
	float: left;
	margin-left: 20px;
}
.quanzi-content .content-list .other p:nth-last-child(1){
	float: right;
}
.quanzi-content .content-list .other p:nth-child(1){
	margin-left: 0;
}
.quanzi-content .content-list p.text{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-size: 14px;
	color:#6f6f6f;
	width: 100%;
	padding-bottom: 10px;
}
.quanzi-content .content-list .img-conent{
	position: relative;
}
.quanzi-content .content-list .img-conent img{
	width: 150px;
	height:150px;
	margin-left: 30px;
	margin-bottom:10px ;
	float: left;
}
.quanzi-content .content-list .img-conent img:nth-child(5n-4){
	margin-left: 0;
}
.quanzi-content .content-list .img-conents{
	position: relative;
}
.quanzi-content .content-list .img-conents img{
	width: 150px;
	height:150px;
	margin-left: 30px;
	margin-bottom:10px ;
	float: left;
}
.quanzi-content .content-list .img-conents img:nth-child(3n-2){
	margin-left: 0;
}
.quanzi-content .content-list .list-img p.name{
	line-height: 24px;
	font-size: 14px;
	color:#262626;
	float: left;
	margin-left: 5px;
}
.quanzi-content .content-list .list-img p.guanzhu{
	color:#8590a6;
	float: right;
}
.quanzi-content .content-list .list-img .guanzhubtn{
	padding: 0 15px;
	color: #fff;
	background:#4e97d9;
	float: right;
	line-height: 24px;
}
.fabuhua{
	padding: 10px 20px;
	background: #4e97d9;
	float:right;
	color: #fff;
}
.quanzi-content .guanzhu-list{
	padding: 20px;
	background: #fff;
}
.quanzi-content .guanzhu-list .guanzhu-box{
	padding: 20px 0;
	border-bottom: 1px solid #E9E7E7;
}
.quanzi-content .guanzhu-list .guanzhu-box img{
	width:60px;
	height:60px;
	float: left;
}
.quanzi-content .guanzhu-list .guanzhu-box .text-box{
	width: 60%;
	float: left;
	margin-left: 10px;
	
}
.quanzi-content .guanzhu-list .guanzhu-box .text-box p.title{
	font-size: 16px;
	font-weight: 600;
	margin-top: 5px;
}
.quanzi-content .guanzhu-list .guanzhu-box .guanzhubtn{
	padding: 6px 30px;
	background: #0d79d1;
	float: right;
	border-radius: 18px;
	color: #fff;
	display: block;
	margin-top: 16px;
	margin-right: 10px;
}
.quanzi-content .guanzhu-list .guanzhu-box .guanzhubtn span{
	
}
.quanzi-content .guanzhu-list .guanzhu-box .text-box p.intrdouce{
	font-size: 14px;
	margin-top: 10px;
}
.quanzi-head .tab-list{
	color: #262626;
	font-size: 16px;
}
.quanzi .quanzi-box .quanzi-head .tab-list p{
	float: left;
	margin: 0 40px;
	position: relative;
	cursor:pointer
}
.quanzi .quanzi-box .quanzi-head .tab-list p:hover{
	color:#0d79d1 ;
}
.quanzi .quanzi-box .quanzi-head .tab-list p.change:after{
	content: "";
	position: absolute;
	background: #0d79d1;
	width:100%;
	height: 4px;
	bottom: 0px;
	left: 0;	
}
.quandetailhead{
    padding:  20px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
    width: 100%;	
}
.quandetailhead img{
	width: 120px;
	height:120px;
	float: left;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #8590a6;
}
.quandetailhead .nametext{
	float: left;
	margin-left:20px;
}
.quandetailhead .nametext .othertext p{
	float: left;
	font-size: 15px;
	padding: 0 20px;
}
.quandetailhead .nametext .othertext p span{
	margin-right: 5px;
}
.quandetailhead .guanzhubtn{
	padding: 5px 30px;
	border-radius: 15px;
	float: right;
	margin-top: 40px;
	margin-right: 10px;
	text-align: center;
	background:#4e97d9;
}
.quandetailhead .guanzhubtn a{
		color: #fff;
}
.quandetailhead .nametext .othertext p:nth-child(1){
	border-right: 1px solid #919496;
	padding-left: 0;
}
.quandetailhead .nametext .othertext p:nth-child(2){

}
.quandetailhead .nametext p.name{
	font-weight: 600;
	line-height: 80px;
	font-size: 18px;
}
.quandetailhead .nametext .button-box{
	
}
.quandetailhead .nametext .button-box button{
	background:#01384c ;
	line-height: 35px;
	padding: 0 20px;
	text-align: center;
	border: none;
	color: #FFF;
}
.quandetailhead .nametext .button-box button.change{
	background: #4e97d9;
	color: #fff;
}
.quanzimanage-list{
	background: #fff;
	padding: 20px;
	display: none;
}
.quandetail-box{
	width: 100%;
	height: 100%;
	position: relative;
}
.quandetail-box .detail-box{
	width: 70%;
	height: 100%;
	background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    	
    padding: 20px;
    float: left;
}
.quandetail-box .detail-box h1.headline{
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
}
.quandetail-box .detail-box p.time{
	font-size: 14px;
}
.quandetail-box .detail-box .detail_textera {
	margin: 10px 0;
}

.quandetail-box .detail-box.detail_textera p {
	color: #3b3b3b;
	font-size: 18px;
	letter-spacing: 2px;
	text-indent: 2em;
	line-height: 1.8;
}

.quandetail-box .detail-box .detail_textera  img {
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 20px auto;
	display: block;
}
.quandetail-box .detail-box .name-content{
	position: relative;
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 10px;
}
.quandetail-box .detail-box .name-content img{
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.quandetail-box .detail-box .name-content p{
	float: left;
	line-height: 50px;
	margin-left: 5px;
}
.quandetail-box .history-box{
	width: 29%;
	float: right;
	padding: 20px;
	background: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;   	
}
.quandetail-box .history-box .head-box{
	position:relative;
	margin-bottom: 20px;
}
.quandetail-box .history-box .head-box li{
	width: 33.3%;
	float: left;
	text-align: center;
	position: relative;
}
.quandetail-box .history-box .head-box li:nth-last-child(1):after{
	display: none;
}
.quandetail-box .history-box .head-box li:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border-right: 1px dashed #E5E6E7;
	top: 0;
	right: 0;
}
.quandetail-box .history-box .head-box li p.number{
	font-size:20px;
	color: #4e97d9;
	margin-bottom: 5px;
}
.quandetail-box .history-box .new-quanlist{
	padding: 10px;
	border-bottom: 1px solid #E7E7E7;
}
.quandetail-box .history-box .new-quanlist img{
	width: 50px;
	height: 50px;
	float: left;
}
.quandetail-box .history-box .new-quanlist .text-box{
	float: left;
	font-size: 14px;
	width: 50%;
	margin-left: 10px;
	
}
.quandetail-box .history-box .new-quanlist .text-box p.name{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 50px;
}
.quandetail-box .history-box p.liulan{
	font-size:14px;
}
.quandetail-box .history-box p.liulan span{
	color:#4e97d9;
}
.quandetail-box .history-box .headimg{
	margin-top:10px;
	border-bottom: 1px solid #E7E7E7;
}
.quandetail-box .history-box .taolun{
	font-size:16px;
	margin: 10px 0;
}
.quandetail-box .history-box .taolunquestion a{
	color: #4e97d9;
	margin: 5px 0;
	display: block
}
.quandetail-box .history-box .taolunquestion a:hover{
	text-decoration: underline;
}
.quandetail-box .history-box .headimg img{
	width: 30px;
	height:30px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
.quandetail-box .history-box .headimg img:nth-child(6n-5){
	margin-left: 0;
}
.lookquanzi{
	position: relative;
	margin-bottom: 20px;
}
.lookquanzi p{
	float: left;
	line-height: 20px;
	position: relative;
	padding: 0 10px;
	margin-top: 7px;
	font-size: 18px;
}
.lookquanzi p:after{
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background: #4e97d9;
	left: 0;
	top: 0;
}
.lookquanzi .find-box{
	width: 40%;
	float: right;
	border: 1px solid #CCCCCC;
	padding-left:10px;
	box-sizing: border-box;
}
.lookquanzi .find-box input.find{
	float: left;
	height: 30px;
	width: 80%;
	background: none;
	border: none;	
	outline: none;
}
.lookquanzi .find-box input.sumbit{
	width: 20%;
	float: right;
	background: #4e97d9;
	color: #fff;
	line-height: 30px;
	text-align: center;
	border: none;	
	outline: none;	
}
.lookquanzilist{
	position: relative;
}
.lookquanzilist .list-div{
	padding: 15px 0;
	border-bottom: 1px solid #E7E7E7;
	position: relative;
}
.lookquanzilist .list-div p.time-data{
	position: absolute;
	top: 15px;
	right: 0;
}
.lookquanzilist .list-div img{
	width: 80px;
	height: 80px;
	float: left;
}
.lookquanzilist .list-div .text-content{
	float: left;
	width: 50%;
	margin-left: 20px;
}
.lookquanzilist .list-div .text-content p.title{
	color: #4893d6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
	font-size: 14px;
}
.lookquanzilist .list-div .text-content p.comefrom{
	font-size: 13px;
	color: #CCCCCC;
}
.lookquanzilist .joinbtn{
	padding: 5px 20px;
	color: #fff;
	font-size: 14px;
	background: #4e97d9;
	position: absolute;
	right: 0;
	bottom: 15px;
}
.lookquanzilist .joinbtns{
	padding: 5px 20px;
	color: #fff;
	font-size: 14px;
	background: #4e97d9;
	position: absolute;
	right: 110px;
	bottom: 15px;	
}
.lookquanzilist .joinbtnes{
	padding: 5px 20px;
	color: #fff;
	font-size: 14px;
	background: #4e97d9;
	position: absolute;
	right: 220px;
	bottom: 15px;	
}
.jubaomanage{
	position: relative;
}
.jubaomanage .jubao-list{
	background: #E5E5E5;
	padding: 10px;
	padding-right: 0;
	border-radius: 5px;
}
.jubaomanage .jubao-list img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
}
.jubaomanage .jubao-list .textcontent{
	float: left;
	width: 94%;
}
.textcontent{
	position: relative;
	padding-left: 20px;
}
.textcontent p.name{
	color: #999;
	margin-bottom: 10px;
}
.textcontent p.name span{
	float: right;
	color:#2A2A2A;
	margin-right: 10px;
}
.textcontent p.content{
	color: #2A2A2A;
	font-size: 15px;
}
.textcontent p.timedata{
	float: left;
	line-height: 30px;
}
.textcontent .button{
	width: 100%;
	margin-top: 10px;
}
.textcontent a{
	padding: 5px 20px;
	color: #fff;
	font-size: 14px;
	background: #4e97d9;
	float: right;
	margin-right: 10px;	
}
.shenqingquan{
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #E7E7E7;
}
.shenqingquan .shenbtn{
	padding: 8px 20px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	background: #f9b219;
}
.manage-tablist{
	line-height:30px;
	font-size:16px;
}
.manage-tablist li{
	width: 33.3%;
	float: left;
	text-align: center;
	cursor: pointer;
}
.manage-tablist li.change{
	background:#698EBE;
	color:#eff6fa;
}
.manage-content{
	position: relative;
}
.manage-content .manage-list{
	display: none;
}
.quanzi-boxcontent{
	display: none;
}
/*----------评论区域 begin----------*/
.commentAll p.title{
	font-size: 16px;
	margin-top: 25px;
	position: relative;
	text-align: center;
}
.commentAll p.title:after{
	content: "";
	width:255px;
	height: 1px;
	background: #E7E7E7;
	top: 10px;
	left: 0;
	position: absolute;
}
.commentAll p.title:before{
	content: "";
	width:255px;
	height: 1px;
	background: #E7E7E7;
	top: 10px;
	right: 0;
	position: absolute;
}
.comment-box{
	position: relative;
	margin-top: 20px;
}
.comment-box img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
}
.comment-box .comment-text{
	width: 90%;
	float: right;
	height:50px;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #e7eaf1;
}
.commentAll .comment-list{
	position: relative;
	margin-top: 15px;
}
.commentAll .comment-list img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
}
.commentAll .comment-list .comment-text{
	width: 90%;
	float: right;
}
.commentAll .comment-list .comment-text p.name{
	color: #333;
	font-weight:700;
	font-size: 15px;
}
.commentAll .comment-list .comment-text p.text{
	color: #333;
	margin: 10px 0;
	
}
.commentAll .comment-list .comment-text .textdate span{
	cursor:pointer;
	margin-left: 20px;
}
.commentAll .comment-list .comment-text .textdate span:hover{
	color: #0080ff;
}
.commentAll .comment-show{
	display: none;
}
.commentAll .comment-btn{
	position: relative;
	margin-top: 15px;
	display: none;
}
.commentAll .comment-btn a{
	float: right;
	color: #0080ff;
	padding: 5px 20px;
	border: 1px solid #0080ff;
	border-radius:3px;
}
.comment-box .comment-text input{
	border: none;
	background: none;
	width: 100%;
	height: 100%;
	outline: none;
}
.selectbox{width:100%;height:220px;	}
.selectbox div{float:left;margin: 0 10px;}
.selectbox .select-bar{}
.selectbox .select-bar select{
	position: relative;
    height: 160px;
    padding: 3px;
    overflow-y: auto;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    width: 140px;
    }
.btn-bar span{
	cursor: pointer;
	display: block;
	margin: 20px 0;
}    
.btn-bar span:hover{
	color:#23c6c8;
}
#DataTables_Table_0_length{display: none;}
.liucheng{
	width: 100%;
}
.liucheng .conttent-box{
	width:40%;
	margin:0 auto;
	padding: 20px 0;
} 
.liucheng .conttent-box p{
	line-height: 60px;
	width: 100%;
	background: #4e97d9;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size:16px;
	cursor: pointer;
}
.liucheng .conttent-box span{
	display: block;
	text-align: center;
	font-size:26px;
	margin: 20px 0;
	color: #999;
}
.team-box .row{
	margin-bottom: 20px;
}
.shangyebook{
	padding: 15px ;
	border: 1px solid #CCCCCC;
}
.xiangmutuiyan{
	position: relative;
}
.xiangmutuiyan .name{
	font-weight: 700;
	margin-bottom:5px;
}
.xiangmutuiyan .questionest{
	line-height: 32px;
}
.xiangmutuiyan .embed{
	margin-left: 30px;
}
.chuangcon{
	width: 100%;
	position: relative;
	background: #f1f4f5;
	height: 100%;
}
.chuangvideo .video-content{
	padding: 15px 40px;
}
.video-content li{
	width: 260px;
    float: left;
    margin-left: 50px;
    cursor: pointer;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
}
.video-content li:hover{
	box-shadow: 2px 2px 2px #CCCCCC;
}
.video-content li .secimg{
	width: 260px;
    height: 189px;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 30px;
    padding-top: 40px;
}
.video-content li .secimg p.name{
	color: #292d2c;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 40px;
	font-size: 16px;
}
.video-content li .secimg p.name span{
	color: #f54610;
	font-size:20px;
	margin-right:15px;
}
.video-content li .secimg img{
	width: 100%;
	height: 100%;
}
.video-content li .secont{
	box-sizing: border-box;
}
.chuangques{
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #e4eaec;
    -webkit-transition: visibility .1s ease,top .3s ease,left .5s ease;
    -o-transition: visibility .1s ease,top .3s ease,left .5s ease;
    transition: visibility .1s ease,top .3s ease,left .5s ease;
}
.chuangvideo{
    height: 100%;
    margin-left: 220px;
    overflow-y: auto;
}
.chuangques .chuang-group{
	margin-bottom: 20px;
}
.chuangques .chuang-group-item{
	padding: 13px 20px;
    margin-bottom: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    display: block;
}
.chuangques .chuang-group-item:hover{
	color: #fff;
    background-color: #62a8ea;
}
.chuangques .chuang-group-item.active{
	color: #62a8ea;
    background-color: transparent;
}
.chuangques .videotitle{
	padding: 10px 20px;
    overflow: hidden;
    font-weight: 400;
    color: #526069;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
    font-size: 16px;
}
.chuangvideo .videofind{
	height: 50px;
	background: #262e31;
}
.videoforqus{
	padding: 20px;
	height: 100%;	
}
.videoforqus .videolist{
	background: #fff;
	padding: 20px;
}
.videoforqus .videolist .list-title{
	line-height: 50px;
	border-bottom: 1px solid #E7E7E7;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 50px;
}
.videocontent li{
    cursor: pointer;
    margin-bottom: 10px;
    width:30%;
    float:left;
    box-sizing: border-box;
    border: 1px solid #E7E7E7;
}
.videocontent li .secimg{
	width: 100%;
    height: 189px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.videocontent .secont p.name{
	color: #292d2c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
 .videocontent .secimg img{
	width: 100%;
	height: 100%;
	transition: .5s all;
}
.videocontent .secimg img:hover{
	transform: scale(1.5);
	transition: .5s all;
}
.videocontent .secont{
	box-sizing: border-box;
	padding: 10px;
}
.videoplayer{
	padding: 20px;
	height: 100%;
}
.videoplayer .video-content{
	background: #fff;
	padding: 20px;
	text-align: center;
	padding-top: 50px;
}
.videoplayer .video-content .video-center{
	margin: 0 auto;
	max-width: 1000px;
}
/*----------评论区域 end----------*/
@media (max-width: 1600px){
	.stagebox:before {
	width: 500%;
	}
}
@media (max-width: 1400px){
	.chanpinserve{
		height: 300px;
	}
}
@media(max-width: 1300px ) {
		body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side{
		width: 180px;
	}
	#page-wrapper{
		margin: 0 0 0 180px;
	}
	.page-aside .list-group-item .item-rightico{
		font-size: 18px;
	}
	.page-aside .list-group-item:hover .item-rightico:hover{
		font-size: 18px;
	}	
	.page-aside .list-group-item:hover .item-rightico{
		font-size: 16px;
	}
}
@media (max-width: 1200px) {
	.chanpinserve{
		height: 260px;
	}
	body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side{
		width: 180px;
	}
	#page-wrapper{
		margin: 0 0 0 180px;
	}
	.page-aside .list-group-item .item-rightico{
		font-size: 18px;
	}
	.page-aside .list-group-item:hover .item-rightico:hover{
		font-size: 18px;
	}	
	.page-aside .list-group-item:hover .item-rightico{
		font-size: 16px;
	}
}
@media (max-width: 1000px) {
	.honor .boxtext{
		font-size: 12px;	
		}
}
@media (max-width: 1100px) {
	.stagebox:before {
width: 450%;
	}
}
@media (max-width: 900px) {
	.stagebox:before {
	    content: "";
	    border-bottom: 2px dashed #4e97d9;
	    width: 400%;
	    top: 14px;
	    left: 28px;
	    position: absolute;
	}
}
/**
 * Variables
 */
/**
 * Wrapper
 */
.combo-select {
  position: relative;
  max-width: 400px;
  margin-bottom: 15px;
  font: 100% Helvetica, Arial, Sans-serif;
  border: 1px #ccc solid;
  border-radius: 3px; }
  .combo-select .combo-input {
    margin-bottom: 0; }

/**
 * Input field
 */
.combo-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  width: 100%;
  box-sizing: border-box;
  padding: 12px;
  padding-right: 60px;
  border-radius: 3px; }
  .combo-input:focus {
    outline: none; }

/**
 * Arrow
 */
.combo-arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  width: 40px;
  font-size: 12px;
  color: #999999; }
  .combo-arrow:before {
    content: " ";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #cccccc;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    right: 15px;
    bottom: 0;
    position: absolute;
    margin: auto 0; }

/**
 * When opened
 */
.combo-open .combo-arrow {
  border-color: #51A7E8; }
  .combo-open .combo-arrow:before {
    border-top: none;
    border-bottom: 5px solid #cccccc; }

/**
 * When focused
 */
.combo-focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-color: #51A7E8; }
  .combo-focus input {
    border-color: #51A7E8; }

/**
 * Hide native select
 */
.combo-select select {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  opacity: 0; }

@media only screen and (min-width: 960px) {
  .combo-select select {
    left: -1px;
    top: -1px;
    width: 0;
    height: 0;
    margin: 0; } }
/**
 * Selected option
 */
.option-selected {
  background-color: #eee; }

/**
 * Hovered option
 */
.option-hover {
  background-color: #006eab;
  color: #fff; }

/**
 * Option item
 */
.option-item {
  cursor: pointer;
  border-bottom: 1px #e3e3e3 solid; }
  .option-item:hover {
    background-color: #006eab;
    color: #fff; }
  .option-item:last-child {
    border-bottom: none; }

/**
 * Disabled and optgroups
 */
.option-group {
  cursor: text;
  font-weight: 600;
  background: #e1e1e1;
  border: 1px #ccc solid;
  border-width: 1px 0; }

/**
 * Disabled
 */
.option-disabled {
  opacity: 0.5; }

/**
 * Dropdown
 */
.combo-dropdown {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  min-width: 100%;
  max-width: 300px;
  max-height: 300px;
  margin: 0;
  padding: 0;
  display: none;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #999999;
  border-radius: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-sizing: border-box; }
  .combo-dropdown li {
    list-style: none;
    padding: 8px 1em;
    margin: 0; }

/**
 * On Active
 */
.combo-open .combo-dropdown {
  display: block; }

/**
 * Search marker
 */
.combo-marker {
  text-decoration: underline; }
.no-power{
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}
.no-power .icon-text{
	font-size:100px;
	text-align: center;
	width: 100%;
	color: #76838f;
	margin-top:10%;
}
.no-power .icon-p{
	font-size: 18px;
	text-align: center;
	margin-top: 5px;
}
.tuzhi-content{
	width: 1200px;	
	margin: 0 auto;
}
.tuzhi-content img{
	width: 100%;
}
.tuzhi-content .table-content{
		padding: 0 50px;
}
.tuzhi-content .table-content img{
	float: left;
	width:10%;
}
.thinkcss{width:960px;float: left;}
.thinkcss .table-content{
	width: 100%;
}
.thinkcss .table-content td{
	border-bottom: 1px solid #000000;
	text-align: center;
	padding: 30px 0;
	border-right: 1px dashed #000000;
}
.thinkcss .tr-first th{background:#a7a7a7;color:#030000;text-align:center!important;font-size:20px!important;position: relative;}
.thinkcss .tr-second th{
	border-bottom: 1px solid #000000;
	text-align: center;
	padding:20px 0;
	position: relative;
	}
.thinkcss .tr-second th:after{
	content: "";
	position: absolute;
	border-right: 1px solid #030000;
	width:1px;
	height: 1186.86px;
	right: 0;
	top:81px;
}
.thinkcss .tr-second th:before{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	background: #030000;
	top: 470px;
}
.thinkcss .tr-first th:before{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	background:#030000;
	top: 918px;	
} 
.thinkcss h2{font-size:18px;height:52px;color:#3366cc;text-align:center;}
.thinkcss th,.listext td{border:solid 1px #ddd;text-align:left;padding:10px;font-size:14px;}

.thinkscss{width:820px;float: left;}
.thinkscss tbody tr td{;height:355px;border-right: 1px solid #11100f;border-left: 1px solid #11100f;border-bottom: 1px solid #11100f;}
.thinkscss tbody tr:nth-child(2){
	height:395px;
}
.thinkscss tbody tr:nth-child(3){
	height:395px;
}
.thinkscss tbody tr td textarea{
	height: 320px;
	border: none;
	outline: none;
}
.thinkscss .tr-first th{background:#a7a7a7;color:#030000;text-align:center!important;font-size:20px!important;position: relative;}
.thinkscss .tr-second th{
	border-bottom: 1px solid #000000;
	text-align: center;
	padding:20px 0;
	position: relative;
	}
.thinkscss h2{font-size:18px;height:52px;color:#3366cc;text-align:center;}
.gaijin-box{
	width: 240px;
	float: right;
}
.gaijin-box th{
	background: #040000;
	height: 167px;
	text-align: center;
	font-size: 24px;
	color: #FFFFFF
}
.gaijin-box td{;height:355px;border-right: 1px solid #11100f;border-left: 1px solid #11100f;border-bottom: 1px solid #11100f;}
.gaijin-box td textarea{
	height: 320px;
	border: none;
	outline: none;
}
.thinkscss th,.listext td{border:solid 1px #11100f;text-align:left;padding:10px;font-size:14px;}
.rc-handle-container{position:relative;}
.rc-handle{position:absolute;width:7px;cursor:ew-resize;*cursor:pointer;margin-left:-3px;}
.tuzhione{width:100%;padding:0 100px;margin-top:10px}
.tuzhione .one-content{
	height: 283px;
	border: 2px solid #101010;
	border-radius: 3px;
}
.tuzhione .one-content h1{
	line-height: 60px;
	font-size:24px;
	color: #323333;
	border-bottom: 1px solid #2A2A2A;
	text-align: center;
}
.tuzhione .one-content .tezhengcontent{
	padding: 0 60px;
}
.tuzhione .one-content .tezhengcontent .list-box{
	float:left;
	border-right: 1px dashed #a09895;
	width: 50%;	
	height: 218px;
}
.tuzhione .one-content .tezhengcontent .list-box .textinput{
	width: 100%;
	margin-top:33px;
}
.tuzhione .one-content .tezhengcontent .list-box .textinput p{
	font-size: 18px;
	float: left;
}
.tuzhione .one-content .tezhengcontent .list-box .textinput input{
	float: left;
	background: none;
	border: none;
	outline: none;
	width:80%;
	height:25px;
	margin-left: 10px;
	color: #000;
}
.tuzhione .one-content .bancircle{
	padding: 0 44px;
}
.tuzhione .one-content .bancircle span{
   width:80px;
   height:40px;
   position: relative;
   border-radius:0 0 50px 50px;
   display: block;
   border:1px solid #000000;
   float: left;
   margin-left: 190px;
}
.tuzhione .one-content .bancircle span:nth-child(1){
	margin-left: 0;
}
.tuzhione .one-content .bancircle span:after{
	content: "";
	position: absolute;
	width: 1px;
	height: 51px;
	border-right: 1px dashed #000000;
	bottom: -51px;
	left: 40px;
}
.tuzhione .one-content .bancircle span:before{
	content: "";
	position: absolute;
	width: 18.34px;
	height: 18.34px;
	border-radius: 50%;
	background: #000000;
	bottom: -68px;
	left: 32px;
}
.quescontent{
	width: 100%;
	padding: 0 40px;
	margin-top:95px;
}
.quescontent .questentlist{
	width: 265px;
	height: 1146px;
	border:1px solid #000000;
	border-radius: 3px;
	float: left;
	padding: 35px 10px;
	margin-left: 15px;
}
.quescontent .questentlist:nth-child(1){
	margin-left: 0;
}
.quescontent .questentlist h1{
	font-size: 18px;
	color: #999;
}
.quescontent .questentlist ul{
	padding: 0 20px;
}
.quescontent .questentlist ul li{
	list-style:disc;
	font-size: 16px;
	margin-top: 10px;
}
.quescontent .questentlist ul li textarea{
	height:200px;
	border: none;
	color: #000;
}
.tuzhisec-box{
	padding: 0 10px;
}
.tuzhisec-box .box-list{
	width: 478.38px;
	border: 1px solid #000000;
	height: 282.22px;
	border-radius: 5px;
	overflow:hidden
}
.tuzhisec-box .box-list p{
	font-size: 16px;
	text-align: center;
	color: #999;
}
.tuzhisec-box .box-list textarea{
	width: 100%;
	height: 200px;
	outline: none;
	border: none;
	background: none;
	color: #000;
}
.tuzhisec-box .box-lists{
	width:100%;
	border: 1px solid #000000;
	height: 282.22px;
	border-radius: 5px;
	overflow:hidden;
	margin: 30px 0;
}
.tuzhisec-box .box-lists p{
	font-size: 16px;
	text-align: center;
	color: #999;
}
.tuzhisec-box .box-lists textarea{
	width: 100%;
	height: 200px;
	outline: none;
	border: none;
	background: none;
	color: #000;
}
.tuzhisec-sec{
	padding: 0 80px;
}
.tuzhisec-sec .box-list{
	width: 479px;
	border: 1px solid #000000;
	height: 355px;
	overflow:hidden;
	margin-bottom: 20px;
	float: left;
}
.tuzhisec-sec .box-list:nth-child(2n){
	float: right;
}
.tuzhisec-sec .box-list .titlecontent{
	padding: 20px 23px;
	color: #999;
	font-size: 20px;
	border-bottom:1px solid #000000;
}
.tuzhisec-sec .box-list .titlecontent input{
	width: 100%;
	background: none;
	border: none;
	outline: none;
	border-bottom: 1px solid #000000;
}
.tuzhisec-sec .box-list .testcontent{
	font-size: 18px;
	color: #999;
	padding: 16px 24px;
}
.tuzhisec-sec .box-list .testcontent textarea{
	width: 100%;
	background: none;
	outline: none;
	border: none;
	height: 200px;
	color: #000;
}
.shangye{
	padding: 0 50px;
}
.shangye .leftcontent{
	width: 800px;
	float: left;
}
.shangye .leftcontent .xifencontent{
		padding: 15px;
		color: #999;
		height: 300px;
		border: 1px solid #101010;
}
.shangye .leftcontent .xifencontent .contenttitle{
	position: relative;
	
}
.shangye .leftcontent .xifencontent .contenttitle span{
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #000000;
	text-align: center;
	line-height:26px;
}
.shangye .leftcontent .xifencontent .contenttitle p{
	float: left;
	line-height: 26px;
	font-weight: bold;
	margin-left: 10px;
	font-size: 16px;
}
.shangye .leftcontent .xifencontent .center-box{
	padding: 0 5px;
}
.shangye .leftcontent .xifencontent .center-box p{
	font-size: 12px;
	margin-top: 8px;
}
.shangye .leftcontent .xifencontent .center-box textarea{
	width: 100%;
	height:160px;
	border: none;
	outline: none;
	color: #000;
}
/*细分*/
.shangye .leftcontent .guanxi{
		padding: 15px;
		color: #999;
		height: 300px;
		border: 1px solid #101010;
		width: 50%;
}
.shangye .leftcontent .guanxi .contenttitle{
	position: relative;
	
}
.shangye .leftcontent .guanxi .contenttitle span{
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #000000;
	text-align: center;
	line-height:26px;
}
.shangye .leftcontent .guanxi .contenttitle p{
	float: left;
	line-height: 26px;
	font-weight: bold;
	margin-left: 10px;
	font-size: 16px;
}
.shangye .leftcontent .guanxi .center-box{
	padding: 0 5px;
	color:#999;
}
.shangye .leftcontent .guanxi .center-box p{
	font-size: 12px;
	margin-top: 8px;
}
.shangye .leftcontent .guanxi .center-box textarea{
	width: 100%;
	height: 150px;
	border: none;
	outline: none;
	color: #000;
}
.shangye .rightcontent{
	width: 290px;
	float: right;
}
.shangye .rightcontent .xifencontent{
		padding: 15px;
		color: #999;
		height:750px;
		border: 1px solid #101010;
		
}
.shangye .rightcontent .xifencontent .contenttitle{
	position: relative;
	
}
.shangye .rightcontent .xifencontent .contenttitle span{
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	border: 1px solid #000000;
	text-align: center;
	line-height:26px;
}
.shangye .rightcontent .xifencontent .contenttitle p{
	float: left;
	line-height: 26px;
	font-weight: bold;
	margin-left: 10px;
	font-size: 16px;
}
.shangye .rightcontent .xifencontent .center-box{
	padding: 0 5px;
}
.shangye .rightcontent .xifencontent .center-box p{
	font-size: 12px;
	margin-top: 8px;
}
.shangye .rightcontent .xifencontent .center-box textarea{
	width: 100%;
	height: 200px;
	border: none;
	outline: none;
	color: #000;
}
.tuzhititle{
	width: 100%;
	padding:20px 0;
	background:#263238;
	color: #fff;
}
.tuzhititle p{
	text-align: center;
	font-size:18px;
	position: relative;
}
.tuzhititle p:after{
	content: "";
	width: 40%;
	height:2px;
	top: 50%;
	background:#4e97d9;
	position: absolute;
	left: 0;
}
.tuzhititle p:before{
	content: "";
	width: 40%;
	height:2px;
	top: 50%;
	background:#4e97d9;
	position: absolute;
	right: 0;
}
.tuzhiwork{
	width: 100%;
	height: 90%;	
	position: relative;
}
.tuzhiwork .swiper-container{
	height: 100%;
}
.tuzhiwork .btn-last{
	width:100px;
	height:100px;
	font-size:16px;
	text-align: center;
	line-height:100px;
	cursor: pointer;
	background:#4e97d9;
	border-radius: 50%;
	position: absolute;
	top: 40%;
	z-index: 999;
	left: 1%;
	color: #fff;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s;	
}
.tuzhiwork .btn-last:hover{
	box-shadow: 2px 2px 8px 2px #797979;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
	background: #0066CC;
}
.tuzhiwork .btn-next:hover{
	box-shadow: 2px 2px 8px 2px #797979;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
	background: #0066CC;
}
.tuzhiwork .btn-next{
	width:100px;
	height:100px;
	font-size:16px;
	text-align: center;
	line-height: 100px;
	cursor: pointer;
	background:#4e97d9;
	border-radius: 50%;
	position: absolute;
	top: 40%;
	z-index: 999;
	right: 1%;
	color: #fff;
	transition: all .5s;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s;
}
.btn-baocun{
	 position: fixed;
	 z-index: 99999;    
	 bottom: 40px;
	 right: 40px; 
	 font-size:18px;
	 background: #0066CC;
	 width:150px;
	 line-height: 50px;
	 border: none;
	 color: #fff;  	
}	
/*course*/
.mycourse{
	padding: 20px;
}
.newbuild{
	padding:20px
}
 .new-title{
	margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #37474f;
}
.new-title span{
	float: right;
	font-size: 14px;
	color: #1c84c6;
}
 .new-title span i{
	font-size: 18px;
	margin-right: 5px;
}
.newbuild .buildform{
	background: #fff;
	width: 100%;
	padding: 40px 20px;
	margin:20px 0;
}
.buildform-title{
	font-size: 16px;
	text-align: center;
	font-weight: normal;
}
.newbuild .course{
	position: relative;
}
.newbuild .course .course-head{
	padding: 10px;
	border:1px solid #CCCCCC
}
.newbuild .course .course-head p{
	line-height: 50px;
	text-align: center;
	font-size: 20px;
}

.newbuild .course ul{
	margin-top: 10px;
}
.newbuild .course .course-head li{
	float: left;
	width: 20%;
	text-align: center;
}
.newbuild .course .course-head  li a{
	background:#bababa;
	color: #fff;
	padding: 10px 20px;
}
.newbuild .course .course-head  li a.change{
	background-color: #1a7bb9;
}
.newbuild .course .course-center{
	margin-top: 20px;
	border: 1px solid #CCCCCC;
	padding: 30px 0;
	position: relative;
}
.newbuild .course .course-center .center-head{
	padding: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.newbuild .course .course-center .center-head li{
	padding: 1% 4%;
	text-align: center;
}
.newbuild .course .course-center .tab-content li{
	float: left;
	text-align: center;
	cursor: pointer;
}
.newbuild .course .course-center .center-head li .icon-box{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #CCCCCC;
	position: relative;
	float: left;
	margin-left:35%;
	cursor: pointer;
}
.newbuild .course .course-center .center-head li .icon-box:nth-child(1){
	margin-left: 0;
}
.newbuild .course .course-center .center-head li .icon-box.active{
	background: #1a7bb9;
	color: #fff;
}
.newbuild .course .course-center .center-head li .icon-box span{
	position: absolute;
	width: 100%;
	height: 6px;
	background: #CCCCCC;
	display: block;
	top: 50%;
	right: -155%;
}
.newbuild .course .course-center .center-head li .icon-box i{
	position:absolute;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid #CCCCCC;
    border-bottom: 15px solid transparent;
    right: -160%;
    top: 38%;
}
.newbuild .course .course-center .center-head li .icon-box p{
	line-height: 100px;
	font-size:50px;
}
.newbuild .course .course-center .center-head li  p.suo{
	font-size: 40px;
	float: left;
	line-height:2;
	margin-left: 5px;
	cursor: pointer;
}
.newbuild .course .course-center .center-head li  p.foottitle{
	width: 100%;
	margin-top: 10px;
	font-size: 18px;
}
.newbuild .course .course-center .center-center{
	padding: 0 30%;
}
.newbuild .course .course-center .center-center li{
	width: 25%;
	float: left;
	text-align: center;
}
.newbuild .course .course-center .center-center li p{
	font-size: 40px;
	cursor: pointer;
}
.newbuild .course .course-center .center-center li p:hover{
	color:#1a7bb9;
}
.newbuild .course .course-center .center-center li span{
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 16px;
}
.newbuild .course .course-center .center-center p.title{
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
}
.newbuild .course .course-center .center-center .tab-content{
	position: relative;
}
.newbuild .course .course-center .center-tab{
	padding: 0 10%;
	margin-top: 20px;
}

.newbuild .course .course-center .center-tab .tab-content{
    width: 100%;
    position: relative;
    z-index: 100;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}
.newbuild .course .course-center .center-tab .tab-content li{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797;	
	line-height: 80px;
	font-size:20px;
	border: 1px solid #2A2A2A;
	cursor: pointer;
}
.newbuild .course .course-center .center-tab .tab-content li.active{
	background:#1a7bb9;
	border: 1px solid #1a7bb9;
	color: #fff;	
	box-shadow: 4px 4px 4px 2px #CCCCCC;	
}
.newbuild .course .course-center .center-tab .tab-content li:hover{
	background:#1a7bb9;
	border: 1px solid #1a7bb9;
	color: #fff;	
	box-shadow: 4px 4px 4px 2px #CCCCCC;
}
.newbuild .course .course-center .center-tab .tab-content li.change{
	background:#1a7bb9;
	border: 1px solid #1a7bb9;
	color: #fff;
}
.newbuild .course .course-center .center-foot{
	padding: 0 2%;
	margin-top: 20px;
	font-size: 20px;	
	color: #2A2A2A;
	height: auto;
}
.newbuild .course .right-head{
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-top: 145.74px;
	position: relative;
}
.newbuild .course .right-head .backgo{
	position: absolute;
	top: -120%;
	right: 10%;
}
.newbuild .course .right-head h1{
	font-size: 20px;
	color: #2A2A2A;
}
.newbuild .course .right-head p{
	font-size:16px;
	margin-top: 20px;
}
.newbuild .course .right-bottom{
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
}
.newbuild .course .right-bottom h1{
	font-size: 20px;
	color: #2A2A2A;
}
.newbuild .course .right-bottom .person-content{
	position: relative;
}
.newbuild .course .right-bottom .person-content li{
	float: left;
	width: auto;
	margin-left:5%;
	margin-top: 5px;
}
.newbuild .course .right-bottom .person-content li img{
	width: 60px;
	height: 60px;
	
}
.newbuild .course .right-bottom .person-content li p{
	font-size: 14px;
	color: #2A2A2A;
	text-align: center;
}
.newbuild .course .right-bottom a.lookmore{
	text-align: right;
	display: block
}
.newbuild .course .right-bottom p.samll{
	padding: 10px 20px;
}
.newbuild .course .course-center .coursemember{
	padding:30px 0;
	border-bottom: 1px solid #CCCCCC;
}
.newbuild .course .course-center .coursemember .noperson{
	margin-left: 10%;
	line-height: 60px;
}
.newbuild .course .course-center .coursemember .cirleperson{
	float: left;
}
.newbuild .course .course-center .coursemember .cirleperson p{
	background: #E5E5E5;
	width: 60px;
	height: 60px;
	line-height:60px;
	text-align: center;
	color: #2A2A2A;
	border-radius: 50%;
	font-size: 16px;
	float: left;
	margin-left: 20px;
}
.newbuild .course .course-center .coursemember .contentbutn{
	width: 30%;
	margin: 0 auto;
}
.newbuild .course .course-center .coursemember .contentbutn a{
	background: #bababa;
	color: #2A2A2A;
}
.newbuild .course .course-center .coursemember .contentbutn a.change{
	background:#1a7bb9;
	color: #fff;	
}
.newbuild .course .course-center .coursetabcontent{
	position: relative;
	height: 100%;
}
.newbuild .course .course-center .coursemember-left{
	width: 20%;
	border-right: 1px solid #CCCCCC;
	padding: 20px 0;
	padding-left:5%;
	padding-right: 20px;
}
.newbuild .course .course-center .coursemember-left a{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	padding: 10px 0;
	margin-top: 5px;
}
.newbuild .course .course-center .coursemember-left a.change{
	background:#1a7bb9;
	color: #fff;
}
.newbuild .course .course-center .coursemember-right{
	padding: 20px;
}
.newbuild .course .course-center .coursemember-right p.membertitle{
	font-size: 20px;
} 
.newbuild .course .course-center .coursemember-right .coursemember-list{
	padding: 20px;
}
.newbuild .course .course-center .coursemember-right .coursemember-list img{
 	width:70px ;
 	height:70px;
 	float: left;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .contenttext{
	float: left;
	height:70px;
	margin-left: 10px;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .contenttext p.name{
	font-size: 18px;
	color: #2A2A2A;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .contenttext p.info{
	font-size: 16px;
	color: #CCCCCC;
	margin-top: 15px;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .righttext{
	float: right;
	
}
.newbuild .course .course-center .coursemember-right .coursemember-list .righttext p.time{
	font-size: 14px;
	color: #CCCCCC;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .righttext a{
	padding: 5px 10px;
	background: #1a7bb9;
	color: #fff;
	margin-top: 5px;
	display: block;
	
}
.newbuild .course .course-center .coursemember-right .coursemember-list .righttext a.none{
	background: #BABABA;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .righttext a.agree{
	background: #f7a54a;
}
.prview-content{
	margin-top: 5px;
	float: left;
	width: 100%;
}
.prview-scoll{
}
.prview-scoll input{
	background: none;
	border: none;
	width: 50px;
	outline: none;
}
.prview-work input{
	width: 50px ;
}
.alladdfen{
	width: 100%;
	text-align: right;
	font-size:18px;
	float: left;
	color: #1a7bb9;
}
.prview-work{
	position: relative;
	font-size: 16px;
/*	float: left;
*/	margin-left: 5px;
}
.prview-work p.task-score{
	margin-top: 5px;
}
.prview-work p.task-score span{
	color: #1a7bb9;
}
.prview-work p.title{
	font-size: 16px;
	color: #2A2A2A;
}
.prview-work p.que{
	margin-top: 5px;
	font-size: 14px;
	color: #2A2A2A;
}
.prview-work p.title span{
	color: #1a7bb9;
	margin-right: 5px;
}
.jichuke{
	display: none;
}
.anlike{
	display: none;
}
.tuiyanke{
	display: none;
}
.luyanke{
	display: none;
}
/*角色划分*/
.roledivision{
	padding: 20px;
	height: 100%;
}
.roledivision-content{
	display: block;
	padding: 20px;
	border-bottom:1px solid #E7E7E7;
	background: #fff;
	color: #2a2a2a;
	text-align: center;
	font-size:18px;
}
.roledivision-content p.zhineng{
	text-align: left;
	margin-top: 10px;
}
.roledivision-content p.jieshao{
	margin-top: 10px;
	text-align: left;
	font-size: 14px;
	padding-left: 20px;
}
.arrange-seats{
	padding: 20px;
	background: #fff;
}
.seats-list{
	position: relative;
	width: 25%;
	float: left;
	margin-bottom: 30px;
}
.seats-list .head-content{
	width: 100%;
	
}
.seats-list .head-content p.radius{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #E5E5E5;
	margin: 0 auto;
	color: #2A2A2A;
	font-size: 12px;
	text-align: center;
	line-height: 58px;
	cursor: pointer;
}
.seats-list .head-content p.test{
	text-align: center;
	color: #2A2A2A;
	margin-top: 10px;
}
.seats-list .head-content p.change{
	background:#4e97d9;
	color: #fff;
}
.seats-list .center-content{
	position: relative;
}
.seats-list .center-content .left-box{
	width: 33%;
	text-align: center;
	float: left;
	padding-top: 20px;
}
.seats-list .center-content .left-box p.radius{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	margin: 0 auto;
	background: #E5E5E5;
	margin-right: 10px;
	line-height: 58px;
	cursor: pointer;
	
}
.seats-list .center-content .left-box p.test{
	text-align: right;
	color: #2A2A2A;
	margin-top: 10px;
	margin-right: 10px;
}
.seats-list .center-content .left-box p.change{
	background: #4e97d9;
	color: #fff;
}
.seats-list .center-content .left-box p:nth-child(3){
	margin-top: 20px;
}
.seats-list .center-content .center-box{
	width: 34%;
	float: left;
}
.seats-list .center-content .center-box .box-content{
	width: 100%;
	height: 224px;
	margin: 0 auto;
	background: url('../img/zhuomian_03.png') no-repeat center;
	background-size: 100% 100%;
	text-align: center;
}
.seats-list .center-content .center-box .box-content p{
	padding: 0 10px;
	padding-top: 20px;
	color: #fff;
	text-align: center;
}
.seats-list .center-content .center-box .box-content input{
	width: 80%;
	margin: 0 auto;
	background: #fff;
	color: #2A2A2A;
	border: none;
	text-align: center;
	margin:10px 0;
}
.seats-list .center-content .center-box .box-content input:nth-child(1){
	margin-top: 30px;
}
.seats-list .center-content .right-box{
	width: 33%;
	text-align: center;
	float: left;
	padding-top: 20px;
}
.seats-list .center-content .right-box p.radius{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	margin: 0 auto;
	background: #E5E5E5;
	margin-left: 10px;
	color: #2A2A2A;
	line-height: 58px;
	cursor: pointer;
}
.seats-list .center-content .right-box  p.test{
	text-align: left;
	color: #2A2A2A;
	margin-top: 10px;
	margin-left: 10px;
}
.seats-list .center-content .right-box p.change{
	background: #4e97d9;
	color: #fff;
}
.seats-list .center-content .left-box p:nth-child(3){
	margin-top: 20px;
}
.seats-list .center-content .right-box p:nth-child(3){
	margin-top: 20px;
}
.seats-list .bottom-content{
	width: 100%;
}
.seats-list .bottom-content p.radius{
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #E5E5E5;
	margin: 0 auto;
	text-align: center;
	line-height: 58px;
	cursor: pointer;
}
.seats-list .bottom-content p.change{
	background: #4e97d9;
	color: #fff;
}
.seats-list .bottom-content p.test{
	text-align: center;
	color: #2A2A2A;
	margin-top: 10px;
}
.nodata{
	text-align: center;
	color: #66512C;
}
.nodata p{
	font-size:80px;
	text-align: center;
	margin: 20px 0;
	margin-top: 50px;
	
}
.nodata h1{
	margin-top: 40px;
	font-size:16px;
}
::-webkit-scrollbar { /*隐藏滚轮*/ display: none; }
.coursepage{
	position: fixed;
	top: 50%;	
	left: 20px;
	z-index: 99999;
}
.coursepage p{
	width:60px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	float: left;
	background:#f0f0f0;
	margin-right:20px;
	cursor: pointer;
}
.coursepage p.active{
	background: #21b9bb;
	color: #fff;
}
.coursepagesec{
	position: fixed;
	top: 50%;	
	right: 20px;
	z-index: 99999;
}
.coursepagesec p{
	width:60px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	float: left;
	background:#f0f0f0;
	margin-right:20px;
	cursor: pointer;
}
.coursepagesec p.active{
	background: #21b9bb;
	color: #fff;
}
.select2-dropdown{
		z-index: 99999;
	}
.chosen-container{
	width: 100%!important;
}
.select2-container{
	width: 100%!important;
}
.input-group{
	border: none !important;
}
.select2-dropdown{
	z-index: 9999!important;
}
.select2-container--open .select2-dropdown--below{
	z-index: 9999999;
}		
.select2-container--default .select2-selection--multiple{
	border:1px solid #e5e6e7;
	border-radius: 1px;
}
#myflow_tools{
	background: #263238;
	font-size: 16px;
	left:auto!important;
	right: 0!important;
}
.contentpage{
	position: absolute;
	top: 50%;	
	left: 20px;
	z-index: 99999;
}
.contentpage p{
	width:60px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	float: left;
	background:#f0f0f0;
	margin-right:20px;
	cursor: pointer;
}
.contentpage p.active{
	background: #21b9bb;
	color: #fff;
}
.contentpagesec{
	position: absolute;
	top: 50%;	
	right: 20px;
	z-index: 99999;
}
.contentpagesec p{
	width:60px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	float: left;
	background:#f0f0f0;
	margin-right:20px;
	cursor: pointer;
}
.contentpagesec p.active{
	background: #21b9bb;
	color: #fff;
}
.history-version{
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 40px;
	padding: 0 10px;
	color: #323333;
	border: 1px solid #323333;
	text-align: center;
}
/*资源置换*/
.publish-imglist{
	background: #E7E7E7;
	border: 1px solid #CCCCCC;
	height: 100px;
	position: relative;
	padding: 0
	
}
.publish-imglist input{
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 99;
}
.publish-imglist p{
	line-height: 100px;
	text-align: center;
}
.publish-imglist img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 88;}
/*引领计划展示页*/
#header{
	width: 100%;
	background: #FFFFFF;
}
#header .header_content{
	width: 1000px;
	display: block;
	margin: 0 auto;
	height: 50px;
	padding: 15px;
	height: 88px;
}
#header .header_content img{
	float:left;
	margin-top: 5px;
}
#header .tab{
	float: right;
	line-height:58px;
	font-size: 16px;
	color: #666666;
}
#header .tab li{
	float: left;
	position: relative;
	margin-left: 52px;
}
#header .tab li:nth-child(1){
	margin-left: 0;
}
#header .tab li:hover{
	color: #00A2E9;
	cursor: pointer;
}
#header .tab li.change{
	color:#00a2e9;
	font-weight: bold;
}
#header .tab li.change:after{
	content: "";
	position: absolute;
	width: 43px;
	height: 8px;
	background: #00A2E9;
	left: 10.5px;
	bottom: -15px;
}
/*头部样式*/
.swiper-slide img{
	width: 100%;
}
.swiper-pagination-bullet{
	background: rgba(255,255,255,0.4) !important;
}
/*轮播样式*/
.fuwu_box{
	width: 1000px;
	height: 500px;
	padding-top: 68px;
	margin: 0 auto;
	position: relative;
}
#sec_titele{
	text-align: center;
}

#sec_titele .bottom_style_list {
    width: 100%;
    text-align: center;
    height: 0;
    margin-bottom: 27px;
}

#sec_titele .bottom_style_list .frist_yellow {
    display: inline-block;
    width: 44px;
    height: 3px;
    background-color: #ffd400;
}

#sec_titele .bottom_style_list .second_bule {
    display: inline-block;
    width: 100px;
    height: 3px;
    background-color: #2284f1;
    margin: 0 5px;
}

#sec_titele .bottom_style_list .third_red {
    display: inline-block;
    width: 44px;
    height: 3px;
    background-color: #ff3838;
}
#sec_titele>p{
	font-size: 12px;
	color:#333333;
	margin: 10px 0 15px 0;
}
#sec_titele>span{
	color: #999999;
	font-size: 14px;
}

.fuwu_swiper{
	margin-top: 79px;
	position: relative;
	overflow: hidden;
}
.fuwu_swiper .fu_slide{
	text-align: center;
}
.fuwu_swiper .fuwu_icon{
	width: 170px;
	height: 170px;
	border-radius:50%;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	position: relative;
}
.fuwu_swiper .fuwu_icon:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 170px;
	border-radius: 50%;
	background:rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	transform: rotate(180deg);
	transform-origin:top;
	-webkit-transform-origin:top ;
	-webkit-transition: -webkit-transform .3s;
	 transition: -webkit-transform .3s;
  	transition: transform .3s; 
  transition: transform .3s, -webkit-transform .3s;	
}
.fuwu_swiper .fuwu_icon:hover:after{
	transform: rotate(0deg);
	-webkit-transform-origin:bottom ;
	-webkit-transition: -webkit-transform .3s;
	 transition: -webkit-transform .3s;
  	transition: transform .3s; 
  transition: transform .3s, -webkit-transform .3s;		
}
.fuwu_swiper .fu_slide .cicle{
	display: block;
	width:18px;
	height: 18px;
	background:#99daf6;
	position: absolute;
	right: -9px;
	top: 76px;
	border-radius:50% ;
	
}
.fuwu_swiper .fu_slide .cicle:after{
	content:"";
	position: absolute;
	width: 80px;
	height: 1px;
	background: #99daf6;
	left: -30px;
	top: 8.5px;
	}
.fuwu_prev{
	width: 39px;
	height: 73px;
	background: url('../img/next.png') no-repeat center;
	position: absolute;
	top: 297.3px;
	left: -40px;
}
.fuwu_next{
	width: 39px;
	height: 73px;
	background: url('../img/prev.png') no-repeat center;
	position: absolute;
	top: 297.3px;
	right: -40px;
}
/*服务样式结束*/
#about_banner{
	width: 100%;
	height: 397px;
	background: url('../img/banner_19.jpg') no-repeat center;	
	padding-top: 322px;
	margin-top: 30px;
}
#about_banner a{
	width: 180px;
	height: 46px;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	margin: 0 auto;
	display: block;
	line-height:46px;
}
/*首页关于我们样式*/
#index_case{
	width: 1000px;
	margin: 0 auto;
	padding-top: 69px;
	padding-bottom: 140px;
}
.case_list{
	height: 435px;
	margin-top: 58px;
}
.case_list .first_box{
	width: 318px;
	height: 435px;
	float: left;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.case_list .first_box .mask{
	position: absolute;
	width: 100%;
	height: 435px;
	background: rgba(0,162,233,0.6);
	left: 0;
	top: 0;
	padding:24px 59px 20px 59px;
	color: #FFFFFF;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	transform: rotate(180deg);
	transform-origin:left bottom;
	-webkit-transform-origin:left bottom ;
	-webkit-transition: -webkit-transform .3s;
	 transition: -webkit-transform .3s;
  	transition: transform .3s; 
  transition: transform .3s, -webkit-transform .3s;		
}
.case_list .first_box:hover .mask{
	box-shadow: 4px 4px 4px 2px #666666;
	transition: .3s all;
	transform: rotate(0deg);
}
.case_list .first_box .mask p{
	font-size: 18px;
	margin-bottom: 25px;
}
.case_list .sec_boxcont{
	float: right;
	width: 653px;
}
.case_list .sec_boxcont li{
	width:318.47px;
	height: 208.97px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: .3s all;
}

.case_list .sec_boxcont li .mask{
	position: absolute;
	width: 100%;
	height: 208.97px;
	background: rgba(0,162,233,0.6);
	left: 0;
	top: 0;
	padding:24px 59px 20px 59px;
	color: #FFFFFF;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	transform: rotate(180deg);
	transform-origin:left bottom;
	-webkit-transform-origin:left bottom ;
	-webkit-transition: -webkit-transform .3s;
	 transition: -webkit-transform .3s;
  	transition: transform .3s; 
  transition: transform .3s, -webkit-transform .3s;		
}
.case_list .sec_boxcont li:hover{
	box-shadow: 4px 4px 4px 2px #666666;
	transition: .3s all;
}
.case_list .sec_boxcont li:hover .mask{
	transform: rotate(0deg);
}
.case_list .sec_boxcont li .mask p{
	font-size: 18px;
	margin-bottom: 25px;
}
.case_list .sec_boxcont li:nth-child(2n-1){
	margin-left: 0;
}
.case_list .sec_boxcont li:nth-child(3){
	margin-bottom: 0;
}
.case_list .sec_boxcont li:nth-child(4){
	margin-bottom: 0;
}
#about_more{
	width: 180px;
	height: 46px;
	border: 1px solid #000;
	text-align: center;
	font-size: 18px;
	color: #000;
	margin: 0 auto;
	display: block;
	line-height:46px;
	margin-top: 45px;
}
/*首页列表结束*/
#zixun{
	width: 100%;
}
#zixun img{
	width: 100%;
}
/*咨询列表结束*/
#banner_flow{
	width:100%;
	height: 505px;
	background: #f7f7f7;
}
#banner_flow .flow_content{
	width: 1000px;
	margin: 0 auto;
	padding-top: 78px;
}
#banner_flow .flow_content .contenttext{
	font-size: 20px;
	text-align: center;
	line-height: 1.6;
	color: #333333;
	margin-top: 30px;
}
#banner_flow .flow_img{
	margin-top: 59px;
}
/*咨询列表结束*/
#banner_flows{
	width:100%;
	height: 505px;
	background:url('../img/back3.png') center ;
	background-size:100% ;
}
#banner_flows .flow_content{
	width: 1000px;
	margin: 0 auto;
	padding-top: 78px;
}
#banner_flows .flow_content .contenttext{
	font-size: 20px;
	text-align: center;
	line-height: 1.6;
	color: #fff;
	margin-top: 30px;
}
#banner_flows .flow_img{
	margin-top: 59px;
}

/*首页流程结束*/
#news_trends{
	height: 554px;
	padding-top: 57px;
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#news_trends .first_content{
	width: 591px;
	float: left;
}
#news_trends .first_content .news_tab{
	position: relative;
	height: 55px;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
	background: #cccccc;
	overflow:hidden ;
}
#news_trends .first_content .news_tab p{
	width:50%;
	float: left;
}
#news_trends .first_content .news_tab p span{
	font-size: 12px;
	margin-left: 5px;
}
#news_trends .first_content .news_tab p.change{
	background: #00a2e9;
}
#news_trends .news_content{
	padding: 25px 10px;
}
#news_trends .news_content .news_detail{
	position: relative;
	padding-bottom: 29px;
	border-bottom: 1px solid #cccccc;
}
#news_trends .news_content .news_detail img{
		width: 200px;
		height: 149px;
		float:left;
}
#news_trends .news_content .news_detail .text{
	width: 50%;
	float:left ;
	margin-left: 22px;
}
#news_trends .news_content .news_detail .text h1{
	font-size: 16px!important;
	color: #000;
	margin-bottom: 20px;
}
#news_trends .news_content .news_detail .text p{
	color: #999999;
	font-size: 12px;
}
#news_trends .news_content .news_detail .text a{
	width: 60px;
	height: 20px;
	background: #00a2e9;
	line-height: 20px;
	float: right;
	font-size: 10px;
	text-align: center;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 23px;
}
#news_trends .news_content .news_list{
	line-height: 40px;
	font-size: 12px;
}
#news_trends .news_content .news_list p{
	border-bottom: 1px dashed #cccccc;
	color: #a9a9a9;
}
#news_trends .news_content .news_list p span{
	float: right;
}
#news_trends .news_content .news_list p.change{
	color: #c42715;
}
#news_trends .sec_content{
	width: 347px;
	float: right;
}
#news_trends .sec_content .titele{
	font-size: 18px;
	line-height: 50px;
	border-bottom: 1px solid #cccccc;
}
#news_trends .sec_content .titele span{
	color: #a9a9a9;
	font-size: 12px;
	margin-left: 5pxs;
}
#news_trends .sec_content .new_list{
	padding: 25px 0;
	border-bottom: 1px dashed #cccccc;
}
#news_trends .sec_content .new_list span.wen{
	width: 20px;
	height: 20px;
	background: url('../img/wen.png') no-repeat center;
}
#news_trends .sec_content .new_list span.da{
		width: 20px;
	height: 20px;
	background: url('../img/da.png') no-repeat center;
}
#news_trends .sec_content .new_list h1{
	font-size: 16px;
	color: #333333;
	margin-left: 15px;
	line-height: 20px;
}
#news_trends .sec_content .new_list p{
	color: #666666;
	font-size: 12px;
	margin-left: 15px;
	line-height: 20px;
}
.margin_{
	margin-bottom: 10px;
}
/*动态结束*/
#copyright{
	width: 100%;
	height: 400px;
	background:url('../img/fourth.png') no-repeat center;
	background-size: 100%;
}
#copyright ._content{
	width: 1000px;
	margin: 0 auto;
	padding: 42px 0;
}
#copyright ._content .you_a{
	padding-left: 17px;
}
#copyright ._content .you_a p{
	color:#fff;
	font-size: 14px;
	position: relative;
	line-height: 17px;
	float: left;
}
#copyright ._content .you_a p:after{
	content:"";
	position: absolute;
	width: 6px;	
	height: 17px;
	background: #00A2E9;
	left: -9px;
	top: 0;
}
#copyright ._content .you_a a{
	color: #999999;
	font-size: 12px;
	float: left;
	margin-left: 33px;
	line-height: 17px;
	position: relative;
}
#copyright ._content .you_a a:after{
	content:"";
	position: absolute;
	width: 1px;
	height: 17px;
	background: #999999;
	right: -15px;
	top: 0;
}
#copyright ._content .you_a a:nth-last-child(1):after{
	display: none;
}
#copyright ._content .sec_tab{
	width: 100%;
	line-height: 40px;
	border-bottom: 2px solid #cccccc;
	margin-top: 50px;
	
}
#copyright ._content .sec_tab li{
	color: #666666;
	font-size: 12px;
	margin-left: 50px;
	float: left;
}
#copyright ._content .sec_tab li:nth-child(1){
	margin-left: 0;
}
#copyright ._thirdcon{
	margin-top: 47px;
	height: 131px;
}
#copyright ._thirdcon .logo_img{
	height: 131px;
	border-right: 1px solid #cccccc;
	float: left;
	padding-right: 36px;
}
#copyright ._thirdcon ._conttext{
	font-size: 12px;
	color: #000;
	width:50%;
	float: left;
	padding-left: 30px;
	line-height: 20px;
}
#copyright ._thirdcon ._conttext p{
	margin-top: 10px;
	color: #E7E7E7;
	font-size: 16px;
}
#copyright ._thirdcon .erweima{
	float: right;
	padding-right: 45px;
}
#copyright ._thirdcon .erweima .list{
	float: left;
	text-align: center;
}
#copyright ._thirdcon .erweima .list:nth-child(2){
	margin-left: 30px;
}
#copyright .copytext{
	color: #999999;
	font-size: 12px;
	margin-top: 40px;
	text-align: center;
}
/*师资团队*/
.coopertation-back{
	width: 100%;
	height: 900px;
	background:url('../img/first.png') no-repeat center;
	background-size: 100%;
}
.coopertation{
	width: 1200px;
	height: 900px;
	padding-top: 68px;
	margin: 0 auto;
	position: relative;
}
.coopertation .feature_courses_content{
	width: 100%;
    margin: 91px auto 0;
}
.coopertation .feature_courses_content .list{
    width: 386px;
    height: 510px;
    background-color: #fff;
    float: left;
}
.coopertation .feature_courses_content .listtop{
    width: 100%;
    height: 222px;
    background: url('../img/second.png') no-repeat center center;
    background-size: 100% 100%;
    }
.coopertation .feature_courses_content p.title{
	color: #353535;
    font-size: 30px;
    font-family: "微软雅黑";
    text-align: center;
    margin: 0;
    margin-top: 35px;
}    
.coopertation .feature_courses_content p.text{   
    text-align: center;
    font-size: 14px;
    color: #999999;
    padding: 16px  30px;
}    
/*师资团队*/
.teacher-teambox{
	width: 1200px;
	padding: 68px 0;
	margin: 0 auto;
	position: relative;
}
.teacher-teambox .teamlist{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}
.teacher-teambox .teamlist .box-content{
	width:30%;
    height: 490px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 2px 3px 16px 1px rgba(4, 0, 0, 0.11);
    border-radius: 4px;
}
.teacher-teambox  .fuwu_next{
	top: 350px;
}
.teacher-teambox  .fuwu_prev{
	top: 350px;
}
.teacher-teambox .teamlist .box-content img{
 	display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 44px auto 25px;
	
}
.teacher-teambox .teamlist .box-content p.name{
    font-size: 24px;
    color: #353535;
    text-align: center;
}
.teacher-teambox .teamlist .box-content p.text{
    width: 210px;
    margin: 0 auto;
    font-size: 14px;
    color: #999;
    text-align: center;	
    margin-top: 10px;
    line-height: 1.6;
}   
.teacher-teambox .team-pagetion{ 
    position: absolute;
    /* width: 100%; */
    left: 50%;
    transform: translateX(-50%);
 }   
 .teacher-teambox .team-pagetion .pagetion-list{
 	width: 43px;
    height: 3px;
    background: #e5e5e5;
    margin: 0 5px;
    display: inline-block;
 }
 .teacher-teambox .team-pagetion .pagetion-list.pagetion-list-active{
    background: #999;
 }
/*资源发布列表*/
.publist{
	position: relative;
}
.publist .publisthead{
	padding: 20px;
	border: 1px solid #E3E3E3;
	margin-bottom: 20px;
}
.publist .publisthead .head-seach{
	width: 100%;
	height: 40px;
	background: #009981;
	padding: 5px;
	margin-bottom: 20px;
}
.publist .publisthead .head-seach .input-content{
	width: 85%;
	height: 30px;
	float: left;
	background: #fff;
	border: none;
	outline: none;
}
.publist .publisthead .head-seach .seach-btn{
	width: 15%;
	line-height: 30px;
	color: #fff;
	background: #009981;
	float: right;
	text-align: center;
	font-size:20px;
}
.publist .publisthead .label-list .list-title{
	width:8%;
	float: left;
	color:#2A2A2A;
	font-size:18px;
}
.publist .publisthead .label-list .label-content{
	width: 90%;
	float: left;
	font-size:18px;
}
.publist .publisthead .label-list .label-content a{
	padding: 0 7px;
	color: #999;
	display: inline-block;
}
.publist .publisthead .label-list .label-content a:hover{
	background: #009981;
	color: #fff;
}
.publist .publishcontent{
	width: 100%;
	position: relative;
}
.publist .publishcontent .content-head{
	line-height: 40px;
	border-bottom: 1px solid #E3E3E3;
	font-size: 18px;
}
.publist .publishcontent .content-head p.left-box{
	border: 1px solid #E3E3E3;
	border-bottom: none;
	padding: 0 30px;
	float: left;
	cursor: pointer;
}
.publist .publishcontent .content-head p.left-box.change{
	background: #009981;
	color: #fff;
	border: 1px solid #009981;
	border-bottom: 1px solid #E3E3E3;	
}
.publist .publishcontent .content-head p.left-box:hover{
	background: #009981;
	color: #fff;
	border: 1px solid #009981;
	border-bottom: 1px solid #E3E3E3;
}
.publist .publishcontent .content-head p.left-box.active{
	background: #009981;
	color: #fff;
	border: 1px solid #009981;
	border-bottom: 1px solid #E3E3E3;
}
.publist .publishcontent .content-head .array{
	float: right;
}
.publist .publishcontent .content-head .array p{
	float: left;
	cursor: pointer;
}
.publist .publishcontent .content-head .array p.iconfont{
	font-size: 18px;
	color: #999;
	}
.publist .publishcontent .content-head .array p.iconfont:hover{
	color: #009981;
}
.publist .publishcontent .content-head .array p.iconfont.active{
	color: #009981;
}		
.publist .publishcontent .content-list{
	padding: 20px 0;
}
.publist .publishcontent .content-list .list-box{
	padding-bottom: 15px;
	border-bottom: 1px dashed #E3E3E3;
}
.publist .publishcontent .content-list .list-box .head-box{
	line-height: 30px;
	background: #EEEEEE;
	color:#555;
	padding: 0 10px;
}
.publist .publishcontent .content-list .list-box .content-box{
	height: 140px;
	margin: 15px 0;
}
.publist .publishcontent .content-list .list-box .content-box .leftimg{
	float: left;
	width: 185px;
	height: 140px;
}
.publist .publishcontent .content-list .list-box .content-box .centertext{
	width: 50%;
	height: 140px;
	float: left;
	margin-left: 20px
}
.publist .publishcontent .content-list .list-box .content-box .centertext p.title{
	font-size: 18px;
	color: #555;
}
.publist .publishcontent .content-list .list-box .content-box .centertext p{
	font-size: 14px;
	color: #797979;
	margin-bottom: 10px;
}
.publist .publishcontent .content-list .list-box .content-box .righttext{
	line-height: 140px;
	text-align: center;
	float: right;
	color: #009981;
	font-size: 20px;
}
.tuijian .tuijian-img{
	width: 100%;
}
.tuijian .tuijianlist{
	padding: 10px;
	border: 1px solid #E3E3E3;
	margin-top: 20px;
}
.tuijian .tuijianlist p.title{
	font-size: 20px;
	color:#555;
	margin-bottom: 15px;
}
.tuijian .tuijianlist p.ico{
	float: left;
    font-size: 14px;
    line-height: 24px;
    color: #8C8C8C;
    padding: 0px 10px;
    margin: 5px;
}
.tuijian .tuijianlist p.ico:hover{
	color: #009981;
}
.tuijian .tuijianlist a{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tuijian .tuijianlist a:hover{
	color: #009981;
}
/*资源发布详情*/
.publishdetail{
	border: 1px solid #E3E3E3;
	margin-bottom: 20px;	
}
.publishdetail .detail-head{
	padding: 20px;
	border-bottom: 1px solid #E3E3E3;
}
.publishdetail .detail-head p.title{
	font-size: 24px;
	color:#4E4E4E;
}
.publishdetail .detail-head p.content{
	font-size:16px;
	color:#CCCCCC;
	margin-top:5px;
}
.publishdetail .detail-content{
	
}
.publishdetail .detail-content .left-box{
	padding: 20px;
	float: left;
	border-right: 1px solid #E3E3E3;
}
.publishdetail .detail-content .left-box .img-box{
	width: 350px;
	height: 350px;
	overflow: hidden;
}
.publishdetail .detail-content .left-box .img-list{
	width: 100%;
	height: 60px;
	margin-top: 10px;
}
.publishdetail .detail-content .left-box .img-list img:nth-child(1){
	margin-left: 0;
}
.publishdetail .detail-content .left-box .img-list img{
	width: 60px;
	height: 60px;
	border: 1px solid #E3E3E3;
	float: left;
	margin-left: 10px;
}
.publishdetail .detail-content .left-box .img-list img:hover{
	border: 2px solid rgb(205,102,0);
}
.publishdetail .detail-content .left-box .img-box img{
	width: 100%;
	height: 100%;
}
.publishdetail .detail-content .right-box{
	padding: 20px;
	float: left;
}
.publishdetail .detail-content .right-box p{
	margin-bottom: 15px;
	color: #333;
	font-size: 16px;
}
.publishdetail .detail-content .right-box p span{
	font-size: 24px;
    color: #049C87;
}
.publishdetail .detail-content .right-box p i{
	color: #6B6B6B;
	font-size: 14px;
}
.publishdetail-content{
	border: 1px solid #E3E3E3;
	padding:30px 20px;	
} 
.publishdetail-content p.title{
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    border-left: 4px solid #008573;
    height: 18px;
    padding-left: 10px;
    font-weight: 100;
    margin:10px 0;	
}
.publishdetail-content p.centertext{
	color: #6B6B6B;
	font-size: 14px;
}
.publishdetail-content .img-box{
	
}
.publishdetail-content .img-box img{
	padding: 10px;
	width: 120px;
	height: 80px;
	float: left;
}
.publishdetail-content .btn-yixiang{
    background: #008573;
    line-height: 45px;
    font-size:16px;
    color: #fff;
    display: block;
    margin: 10px auto;
    width: 20%;
    text-align: center;
}
.screen{
	padding: 20px;
	display: block;
	background: #fff;

}
.screen-box{
	box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.15);	
}
.screen-list{
	padding: 0 20px;
	border-bottom: 1px dashed #E7E7E7;
	font-size: 16px;
	line-height: 40px;
}
.screen-list p{
	color: #2a2a2a;
}
.screen-list li{
	margin: 0 15px;
	float: left;
}
/*适应1280屏幕*/
@media screen and (max-width:1360px){
.newbuild .course .course-center .center-head li .icon-box{
	width: 50px;
	height: 50px;
}	
.newbuild .course .course-center .center-foot{
	font-size: 14px;
}
.newbuild .course .course-center .center-center{
	padding: 0 10%;
}
.ht-rili-td{
	height: 25px;
}
.ht-rili-day{
	font-size: 12px;
}
.ht-rili-box{
	width: 90%;
}
.ht-rili-money{
	font-size: 12px;
}
.newbuild .course .course-center .center-tab .tab-content li{
	line-height: 40px;
	font-size: 16px;
}
.newbuild .course .course-center .center-center p.title{
	font-size: 15px;
}
.newbuild .course .course-center .center-center li span{
	font-size: 12px;
}
.newbuild .course .course-center .center-head li p.foottitle{
	font-size: 14px;
}
.alladdfen{
	font-size: 14px;
}
.prview-work{
	font-size: 14px!important;
}
.prview-work p.title{
	font-size: 14px;
}
.newbuild .course .course-center .center-head li .icon-box p{
	font-size: 25px;
	line-height: 50px;
}
.newbuild .course .course-center .center-head li p.suo{
	font-size: 20px;
}
.newbuild .course .right-bottom p.samll{
	padding: 5px 10px;
}
.newbuild .course ul{
	margin-top: 0;
}
.newbuild .course .right-head h1{
	font-size: 16px;
}
.newbuild .course .right-bottom h1{
	font-size: 16px;
}
.newbuild .course .right-head p{
	font-size: 14px;
}
.newbuild .course .course-head p{
	font-size: 16px;
}
.newbuild .course .course-center .center-tab{
	padding:0 3%;
}
.newbuild .course .right-bottom{
	padding: 10px;
}
.newbuild .course .right-head{
	padding: 10px;
}
.newbuild .course .course-center .center-head li .icon-box span{
	right:-250%
}
.newbuild .course .course-center .center-head li .icon-box i{
	position: absolute;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 20px solid #CCCCCC;
    border-bottom: 12px solid transparent;
    right: -260%;
    top: 30%;
}
.btn{
	font-size: 12px;
	padding: 2px 6px;
	}
.ht-rili-datebox{
	width: 40%;
	}		
.navbar-stativ-tabs li a{
	font-size: 12px;
	}	
.side-menu >li>a span.nav-label{
	font-size: 12px;
}	
.side-menu >li>a i{
	font-size: 16px;
}
.newbuild .course .course-head li a{
	padding: 5px 10px;
	width: auto;
	}
.newbuild .course .course-center .coursemember-left{
	padding-left: 2%;
	}
.newbuild .course .course-center .coursemember .contentbutn{
	width: 40%;
}		
.seats-list .center-content .left-box p.radius{
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.seats-list .center-content .right-box p.radius{
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.seats-list .head-content p.radius{
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;	
}
.seats-list .bottom-content p.radius{
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;		
}
.seats-list{
	width: 50%;
}
.seats-list .center-content .left-box p.test{
	font-size: 12px;
}
.inmodal .modal-title{
	font-size: 14px;
}
.contentpage p{
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.contentpagesec p{
		width: 40px;
	height: 40px;
	line-height: 40px;
}
.newbuild .course .course-center .coursemember-left a{
	padding: 5px 0;
}
.sweet-alert{
	width:320px;
	margin-top: -200px!important;
}
.sweet-alert h2{
	font-size: 14px;
}
.sweet-alert p{
	font-size: 14px;
}
.sweet-alert button{
	padding: 5px 30px;
	
}
.mycourse{
	padding: 0;
}
.newbuild .course .course-center .coursemember-right p.membertitle{
	font-size: 14px;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .contenttext p.name{
	font-size: 12px;
}
.newbuild .course .course-center .coursemember-right .coursemember-list .contenttext p.info{
	font-size: 12px;
}
.newbuild .course .course-center .coursemember .cirleperson p{
			width: 40px;
	height: 40px;
	line-height: 40px;
}
.yanzheng{font-size: 13px!important;}
.prviewtab textarea{
	margin-top: 10px;
	border: 1px solid #E7E7E7;
}
}

/*自适应*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES */
.videocontent li{
	width: 50%;
}
.btn{
	font-size: 12px;
	padding: 2px 6px;
	}
.ht-rili-datebox{
	width: 40%;
	}	
.ibox-content {
    clear: both;
    position: relative;
	}	
	.yanzheng{font-size: 12px!important;}

}